@charset 'UTF-8';
/* ==========================================================================
   Global SCSS
   ========================================================================== */
@import url(./libs/leaflet.css);

@import url(./libs/ion.rangeSlider.min.css);

@import url(./libs/odometer-theme-default.css);

@import url(./libs/select2.css);

@import url(./libs/jquery-ui.css);

@import url(./libs/normalize.min.css);

.tns-outer {
  padding: 0 !important;
}

.tns-outer [hidden] {
  display: none !important;
}

.tns-outer [aria-controls],
.tns-outer [data-action] {
  cursor: pointer;
}

.tns-slider {
  transition: all 0s;
}

.tns-slider > .tns-item {
  box-sizing: border-box;
}

.tns-horizontal.tns-subpixel {
  white-space: nowrap;
}

.tns-horizontal.tns-subpixel > .tns-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}

.tns-horizontal.tns-no-subpixel:after {
  display: table;
  clear: both;
  content: '';
}

.tns-horizontal.tns-no-subpixel > .tns-item {
  float: left;
}

.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
  margin-right: -100%;
}

.tns-no-calc {
  position: relative;
  left: 0;
}

.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px;
}

.tns-gallery > .tns-item {
  position: absolute;
  left: -100%;
  transition: transform 0s, opacity 0s;
}

.tns-gallery > .tns-slide-active {
  position: relative;
  left: auto !important;
}

.tns-gallery > .tns-moving {
  transition: all .25s;
}

.tns-autowidth {
  display: inline-block;
}

.tns-lazy-img {
  transition: opacity .6s;
  opacity: .6;
}

.tns-lazy-img.tns-complete {
  opacity: 1;
}

.tns-ah {
  transition: height 0s;
}

.tns-ovh {
  overflow: hidden;
}

.tns-visually-hidden {
  position: absolute;
  left: -10000em;
}

.tns-transparent {
  visibility: hidden;
  opacity: 0;
}

.tns-fadeIn {
  z-index: 0;
  opacity: 1;
  filter: alpha(opacity=100);
}

.tns-normal,
.tns-fadeOut {
  z-index: -1;
  opacity: 0;
  filter: alpha(opacity=0);
}

.tns-vpfix {
  white-space: nowrap;
}

.tns-vpfix > div,
.tns-vpfix > li {
  display: inline-block;
}

.tns-t-subp2 {
  position: relative;
  overflow: hidden;
  width: 310px;
  height: 10px;
  margin: 0 auto;
}

.tns-t-ct {
  position: absolute;
  right: 0;
  width: 2333.33333%;
  width: calc(100% * 70 / 3);
}

.tns-t-ct:after {
  display: table;
  clear: both;
  content: '';
}

.tns-t-ct > div {
  float: left;
  width: 1.42857%;
  width: calc(100% / 70);
  height: 10px;
}

/* Settings layer */
/* ==========================================================================
   SETTINGS
   ========================================================================== */
/**
 * The settings-layer contains all our global Design System variables,
 * so it defines colors, spacings, font-sizes, breakpoints settings and many more.
 * It’s important not to output any CSS in this layers.
 */
/**
 * CONTENTS
 *
 * SETTINGS
 * Breakpoints..........Override the sass-mq library variables.
 * Colors...............Manage our color palette in isolation.
 * Text.................Set up related text variable.
 * Global...............Globally-available variables and settings/config.
 */
/* ==========================================================================
   #BREAKPOINTS
   ========================================================================== */
/*
---
name: Breakpoints declaration
category: Style
---

The following breakpoint are available on this project

```scss
  $bp-desktop: 1400px;
  $bp-laptop: 1280px;
  $bp-tablet: 1024px;
  $bp-phablet: 768px;
  $bp-mobile: 480px;
```
You can used it as follow :

```scss
    @include mq($from: mobile, $until: tablet) {
        background: red;
    }
    @include mq($from: tablet) {
        background: green;
    }
```

@see https://github.com/sass-mq/sass-mq
*/
/* stylelint-disable unit-whitelist */
/* Desktop breakpoints */
/* laptop breakpoints */
/* Tablet breakpoints */
/* Mobile breakpoints */
/* Mobile breakpoints */
/* Mobile small breakpoints */
/* stylelint-enable */
/* ==========================================================================
   COLORS
   ========================================================================== */
/* blue */
/* gradient */
/* 50 Shades of grey */
/* Primary colors */
/*Text color*/
/* Password strengh */
/* ==========================================================================
   #GLOBAL
   ========================================================================== */
/* Main variables.
========================================================================== */
/* The font variables.
========================================================================== */
/* stylelint-disable unit-whitelist */
/* stylelint-enable */
/* Radius box variables.
========================================================================== */
/* Transition variables.
========================================================================== */
/* Outline variables.
========================================================================== */
/* Outline variables.
========================================================================== */
/* Spacings variables.
   ========================================================================== */
/* ==========================================================================
   #TEXT
   ========================================================================== */
/* The font variables.
========================================================================== */
/* barlow-200 - latin */
@font-face {
  font-family: 'Barlow';
    font-weight: 200;
    font-style: normal;

    src: local('Barlow ExtraLight'), local('Barlow-ExtraLight'), url('../fonts/barlow/barlow-v4-latin-200.eot'), url('../fonts/barlow/barlow-v4-latin-200.woff2') format('woff2'), url('../fonts/barlow/barlow-v4-latin-200.woff') format('woff'), url('../fonts/barlow/barlow-v4-latin-200.ttf') format('truetype');
}

/* barlow-300 - latin */
@font-face {
  font-family: 'Barlow';
    font-weight: 300;
    font-style: normal;

    src: local('Barlow Light'), local('Barlow-Light'), url('../fonts/barlow/barlow-v4-latin-300.eot'), url('../fonts/barlow/barlow-v4-latin-300.woff2') format('woff2'), url('../fonts/barlow/barlow-v4-latin-300.woff') format('woff'), url('../fonts/barlow/barlow-v4-latin-300.ttf') format('truetype');
}

/* barlow-regular - latin */
@font-face {
  font-family: 'Barlow';
    font-weight: 400;
    font-style: normal;

    src: local('Barlow Regular'), local('Barlow-Regular'), url('../fonts/barlow/barlow-v4-latin-regular.eot'), url('../fonts/barlow/barlow-v4-latin-regular.woff2') format('woff2'), url('../fonts/barlow/barlow-v4-latin-regular.woff') format('woff'), url('../fonts/barlow/barlow-v4-latin-regular.ttf') format('truetype');
}

/* barlow-500 - latin */
@font-face {
  font-family: 'Barlow';
    font-weight: 500;
    font-style: normal;

    src: local('Barlow Medium'), local('Barlow-Medium'), url('../fonts/barlow/barlow-v4-latin-500.eot'), url('../fonts/barlow/barlow-v4-latin-500.woff2') format('woff2'), url('../fonts/barlow/barlow-v4-latin-500.woff') format('woff'), url('../fonts/barlow/barlow-v4-latin-500.ttf') format('truetype');
}

/* barlow-600 - latin */
@font-face {
  font-family: 'Barlow';
    font-weight: 600;
    font-style: normal;

    src: local('Barlow SemiBold'), local('Barlow-SemiBold'), url('../fonts/barlow/barlow-v4-latin-600.eot'), url('../fonts/barlow/barlow-v4-latin-600.woff2') format('woff2'), url('../fonts/barlow/barlow-v4-latin-600.woff') format('woff'), url('../fonts/barlow/barlow-v4-latin-600.ttf') format('truetype');
}

/* barlow-700 - latin */
@font-face {
  font-family: 'Barlow';
    font-weight: 700;
    font-style: normal;

    src: local('Barlow Bold'), local('Barlow-Bold'), url('../fonts/barlow/barlow-v4-latin-700.eot'), url('../fonts/barlow/barlow-v4-latin-700.woff2') format('woff2'), url('../fonts/barlow/barlow-v4-latin-700.woff') format('woff'), url('../fonts/barlow/barlow-v4-latin-700.ttf') format('truetype');
}

/* barlow-800 - latin */
@font-face {
  font-family: 'Barlow';
    font-weight: 800;
    font-style: normal;

    src: local('Barlow ExtraBold'), local('Barlow-ExtraBold'), url('../fonts/barlow/barlow-v4-latin-800.eot'), url('../fonts/barlow/barlow-v4-latin-800.woff2') format('woff2'), url('../fonts/barlow/barlow-v4-latin-800.woff') format('woff'), url('../fonts/barlow/barlow-v4-latin-800.ttf') format('truetype');
}

/* barlow-900 - latin */
@font-face {
  font-family: 'Barlow';
    font-weight: 900;
    font-style: normal;

    src: local('Barlow Black'), local('Barlow-Black'), url('../fonts/barlow/barlow-v4-latin-900.eot'), url('../fonts/barlow/barlow-v4-latin-900.woff2') format('woff2'), url('../fonts/barlow/barlow-v4-latin-900.woff') format('woff'), url('../fonts/barlow/barlow-v4-latin-900.ttf') format('truetype');
}

/* Font families */
/* Font sizes */
/* Line height */
/* Tools layer */
/* ==========================================================================
   #TOOLS
   ========================================================================== */
/**
 * The tools layer defines all the mixins and functions we utilise in our CSS base.
 * It’s important not to output any CSS in this layers.
 */
/**
 * CONTENTS
 *
 * TOOLS
 * Breakpoints..........Mixin that helps you compose media queries.
 * Clearfix.............Mixin to drop micro clearfix.
 * Visibility...........Mixin for affecting visibility.
 */
/** 
 ** SAFWBST-1374 : Fix Drupal 9 logo
 ** TODO : Remove when logo is fixed by core/admin_toolbar_tools 
 **/
.adminimal-admin-toolbar ul.toolbar-menu .menu-item--expanded .toolbar-icon-admin-toolbar-tools-help:before {
  background-image: url('../../public/images/icons/drupal9-blue.svg');
}

.adminimal-admin-toolbar .toolbar-tray-horizontal .menu-item--expanded:hover .toolbar-icon-admin-toolbar-tools-help:before,
.adminimal-admin-toolbar .toolbar-icon-admin-toolbar-tools-help:hover:before,
.adminimal-admin-toolbar .toolbar-icon-admin-toolbar-tools-help:active:before,
.adminimal-admin-toolbar .toolbar-icon-admin-toolbar-tools-help.is-active:before {
  background-image: url('../../public/images/icons/drupal9.svg');
}

/**
  ** SAFWBST-1900 : Add Safran Logo in admin toolbar
  **/
.adminimal-admin-toolbar .toolbar-tray-horizontal .menu-item--expanded:hover .toolbar-icon-safran-core-admin-root:before,
.adminimal-admin-toolbar .toolbar-icon-safran-core-admin-root:hover:before,
.adminimal-admin-toolbar .toolbar-icon-safran-core-admin-root:active:before,
.adminimal-admin-toolbar .toolbar-icon-safran-core-admin-root.is-active:before {
  background-image: url('../../public/images/icons/logo_s_white.svg');
}

.adminimal-admin-toolbar ul.toolbar-menu .menu-item--expanded .toolbar-icon-safran-core-admin-root:before,
.adminimal-admin-toolbar ul.toolbar-menu .menu-item--expanded .toolbar-icon-safran-core-admin-root.is-active:before {
  background-image: url('../../public/images/icons/logo_s_grey.svg');
}

/**
  ** SAFWBST-2259 : Fix toolbar CSS
  ** TODO : Remove when Stable contrib theme is up to date
  **/
.adminimal-admin-toolbar #toolbar-administration .toolbar-bar .toolbar-tab:not(.workspaces-toolbar-tab) .toolbar-item {
  font-weight: 600;
  color: #bebebe;
}

.adminimal-admin-toolbar #toolbar-administration .toolbar-bar .toolbar-tab:not(.workspaces-toolbar-tab) > .toolbar-item:hover {
  text-decoration: none;
  color: #fff;
  background-color: #2d2d2d;
  background-image: none;
}

.adminimal-admin-toolbar #toolbar-administration .toolbar-bar .toolbar-tab > .toolbar-item.is-active,
.adminimal-admin-toolbar #toolbar-administration .toolbar-bar .toolbar-tab > .toolbar-item:focus {
  text-decoration: none;
  background-color: #333;
  background-image: none;
}

.adminimal-admin-toolbar #toolbar-administration .toolbar-bar .toolbar-tab > .toolbar-item.is-active {
  border-bottom: 1px solid #ddd;
}

.adminimal-admin-toolbar #toolbar-administration .toolbar-bar .toolbar-tab > .toolbar-icon.is-active::before {
  filter: invert(100%);
}

/* ==========================================================================
   CLEARFIX
   ========================================================================== */
/*
 * Mixin to drop micro clearfix into a selector. Further reading:
 * http://www.cssmojo.com/the-very-latest-clearfix-reloaded/
 */
/* ==========================================================================
   VISIBILITY
   ========================================================================== */
/*
 * Hide visually and from screen readers
 * http://www.456bereastreet.com/archive/200711/screen_readers_sometimes_ignore_displaynone/
 */
/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */
/*
 * Hide text
 * @see http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/
 */
/*
 * Display visually and for screen readers.
 */
.has-modal {
  overflow: hidden;
  height: 100%;
}

/* Generic layer */
/* ==========================================================================
   GENERIC
   ========================================================================== */
/**
 * Reset and/or normalize styles, box-sizing definition, etc.
 * This is the first layer which generates actual CSS.
 */
/**
 * CONTENTS
 *
 * GENERIC
 * Box-sizing...........Better default `box-sizing`.
 * Normalize.css........A level playing field using @necolas’ Normalize.css.
 *                      Imported from the node_modules folder.
 * Focus................Reset the focus outline style.
 * Selection............Reset the selection highlight background.
 * Table................Reset table border.
 * Fieldset.............Reset fieldset border and size.
 */
/* ==========================================================================
   BOX-SIZING
   ========================================================================== */
/*
 * Inherit the box-sizing properties
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 */
html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

/* ==========================================================================
   FOCUS
   ========================================================================== */
/*
 * Styling the outline
 * http://a11yproject.com/posts/never-remove-css-outlines/
 */
input[type=text]:focus,
input[type=search]:focus,
fieldset:focus {
  border: .1rem solid #255b8e;
}

@media (max-width: 63.99em) {
  input[type=text]:focus,
    input[type=search]:focus,
    fieldset:focus {
    border-color: #bcbfcf;
  }
}

/* ==========================================================================
   SELECTION
   ========================================================================== */
/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  color: #fff;
  background: #141d29;
  text-shadow: none;
}

::selection {
  color: #fff;
  background: #141d29;
  text-shadow: none;
}

/* ==========================================================================
   TABLE
   ========================================================================== */
/**
 * Remove default table spacing.
 */
table {
  border-spacing: 0;
  border-collapse: collapse;
}

/* ==========================================================================
   FIELDSET
   ========================================================================== */
/**
 * 1. Reset Chrome and Firefox behaviour which sets a `min-width: min-content;`
 *    on fieldsets.
 */
fieldset {
  min-width: 0;
  margin: 0;
    /* [1] */
  padding: 0;
  border: 0;
}

/* Elements layer */
/* ==========================================================================
   #ELEMENTS
   ========================================================================== */
/**
 * Styling for bare HTML elements (like H1, A, etc.).
 * These come with default styling from the browser so we can redefine them here.
 */
/**
 * CONTENTS
 *
 * ELEMENTS
 * Forms,,,.............Base forms styles.
 * Headings.............Very minimal (i.e. only font-size information) for headings 1 through 6.
 * Break................Base hr styles.
 * Image................Base figure styles.
 * Links................Base link styles.
 * List.................Base list styles.
 * Media................Base media styles.
 * Page.................Set up our document’s default `font-size` and `line-height`.
 * Table................Base table styles.
 * Text.................Base text styles.
 */
/* ==========================================================================
   #FORMS
   ========================================================================== */
/* Label
   ========================================================================== */
label {
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1;
  display: block;
  padding: .7rem 0;
  transition: all 300ms ease-in-out;
  color: #525668;
}

label.focused label.focused-fixed {
  color: #255b8e;
}

label.dark {
  color: #7fb8e7;
}

/* Textarea
  ========================================================================== */
/*
* Allow only vertical resizing of textareas.
*/
textarea {
  resize: vertical;
}

/* Text input
   ========================================================================== */
textarea,
input[type='text'],
input[type='email'],
input[type='password'],
input[type='tel'],
input[type='number'],
input[type='search'],
.input-like {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  display: block;
  width: 100%;
  padding: 1.6rem 2rem;
  padding-bottom: 1.7rem;
  transition: border-color .3s;
  color: #525668;
  border: solid .1rem #bcbfcf;
  border-radius: 0;
  background-color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

textarea::-moz-placeholder,
input[type='text']::-moz-placeholder,
input[type='email']::-moz-placeholder,
input[type='password']::-moz-placeholder,
input[type='tel']::-moz-placeholder,
input[type='number']::-moz-placeholder,
input[type='search']::-moz-placeholder,
.input-like::-moz-placeholder {
  color: #84899f;
}

textarea::-webkit-input-placeholder,
input[type='text']::-webkit-input-placeholder,
input[type='email']::-webkit-input-placeholder,
input[type='password']::-webkit-input-placeholder,
input[type='tel']::-webkit-input-placeholder,
input[type='number']::-webkit-input-placeholder,
input[type='search']::-webkit-input-placeholder,
.input-like::-webkit-input-placeholder {
  color: #84899f;
}

textarea:-ms-input-placeholder,
input[type='text']:-ms-input-placeholder,
input[type='email']:-ms-input-placeholder,
input[type='password']:-ms-input-placeholder,
input[type='tel']:-ms-input-placeholder,
input[type='number']:-ms-input-placeholder,
input[type='search']:-ms-input-placeholder,
.input-like:-ms-input-placeholder {
  color: #84899f;
}

@media (max-width: 63.99em) {
  textarea,
    input[type='text'],
    input[type='email'],
    input[type='password'],
    input[type='tel'],
    input[type='number'],
    input[type='search'],
    .input-like {
    font-size: 1.4rem;
    line-height: 1;
  }

  textarea::-moz-placeholder,
    input[type='text']::-moz-placeholder,
    input[type='email']::-moz-placeholder,
    input[type='password']::-moz-placeholder,
    input[type='tel']::-moz-placeholder,
    input[type='number']::-moz-placeholder,
    input[type='search']::-moz-placeholder,
    .input-like::-moz-placeholder {
    color: #525668;
  }

  textarea::-webkit-input-placeholder,
    input[type='text']::-webkit-input-placeholder,
    input[type='email']::-webkit-input-placeholder,
    input[type='password']::-webkit-input-placeholder,
    input[type='tel']::-webkit-input-placeholder,
    input[type='number']::-webkit-input-placeholder,
    input[type='search']::-webkit-input-placeholder,
    .input-like::-webkit-input-placeholder {
    color: #525668;
  }

  textarea:-ms-input-placeholder,
    input[type='text']:-ms-input-placeholder,
    input[type='email']:-ms-input-placeholder,
    input[type='password']:-ms-input-placeholder,
    input[type='tel']:-ms-input-placeholder,
    input[type='number']:-ms-input-placeholder,
    input[type='search']:-ms-input-placeholder,
    .input-like:-ms-input-placeholder {
    color: #525668;
  }
}

/* ==========================================================================
  Button
  ========================================================================== */
button {
  cursor: pointer;
}

/* ==========================================================================
 HEADINGS
   ========================================================================== */
h1,
.h1-like {
  font-family: 'Barlow';
  font-size: 8rem;
  font-weight: 200;
  line-height: 1;
  margin: 0;
  color: #141d29;
}

h1--dark,
.h1-like--dark {
  color: #fff;
}

h2,
.h2-like {
  font-family: 'Barlow';
  font-size: 3.6rem;
  font-weight: 400;
  line-height: 1.25;
  margin: 0;
  margin-bottom: 6rem;
}

h2--dark,
.h2-like--dark {
  color: #fff;
}

h3,
.h3-like {
  font-family: 'Barlow';
  font-size: 2.8rem;
  font-weight: 400;
  line-height: 1.25;
  margin: 0;
}

h3--dark,
.h3-like--dark {
  color: #fff;
}

h4,
.h4-like {
  font-family: 'Barlow';
  font-size: 2.2rem;
  font-weight: 400;
  line-height: 1.4;
  margin: 0;
  letter-spacing: .18rem;
  color: #255b8e;
}

h4--dark,
.h4-like--dark {
  color: #fff;
}

h4--italic,
.h4-like--italic {
  font-style: italic;
}

h5,
.h5-like {
  font-size: 2.2rem;
  line-height: 2.1rem;
  margin: 0;
  white-space: normal;
  letter-spacing: .6px;
  color: #1b1d27;
}

h5--dark,
.h5-like--dark {
  color: #fff;
}

h5--italic,
.h5-like--italic {
  font-style: italic;
}

/* ==========================================================================
   #IMAGE
   ========================================================================== */
figure {
  margin: 3rem 0;
}

figure img {
  display: block;
  max-width: 100%;
}

figure figcaption {
  font-size: 1.2rem;
  margin-top: 1rem;
  color: #1b1d27;
}

/* ==========================================================================
   #LINKS
   ========================================================================== */
a {
  font-size: 1.8rem;
  line-height: 1.6;
  transition: color .3s;
  animation: all .2s;
  text-decoration: none;
  color: #255b8e;
  border: none;
}

a:hover,
a:focus {
  color: #255b8e;
}

a.light {
  color: #0f60a7;
}

#toolbar-administration a {
  font-size: small;
  animation: initial;
  border: initial;
}

/* ==========================================================================
   #LIST
   ========================================================================== */
ol,
ul {
  padding-left: 0;
  list-style: none;
}

ol li,
ul li {
  margin-bottom: 0;
}

dl dt {
  display: inline-block;
}

dl dt::after {
  margin: 0 .5rem;
  content: ':';
}

dl dd {
  margin: 0;
}

/* ==========================================================================
   #MEDIA
   ========================================================================== */
/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/* ==========================================================================
   #PAGE
   ========================================================================== */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * @see https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css
 *
 * The font size reset is also used.
 * @see https://blog.goetter.fr/2016/07/05/lastuce-du-font-size-62-5-oui-non-ou-ca-depend/
 *
 * 1. Force scrollbars to always be visible to prevent awkward ‘jumps’ when
 *    navigating between pages that do/do not have enough content to produce
 *    scrollbars naturally.
 * 2. Ensure the page always fills at least the entire height of the viewport.
 * overflow-y: scroll; /* [2]
 */
html {
  font-family: 'Barlow', Arial, sans-serif;
    /* stylelint-disable unit-whitelist */
  font-size: .625em;
    /* fallback IE8+ */
  font-size: calc(1em * .625);
    /* IE9-IE11 math fixing. See http://bit.ly/1g4X0bX */
    /* stylelint-enable */
  font-weight: 400;
  line-height: 1.6;
  min-height: 100%;
    /* [1] */
  color: #1b1d27;
}

/*
 * Set the default font-size to inherit.
 * @see https://blog.goetter.fr/2016/07/05/lastuce-du-font-size-62-5-oui-non-ou-ca-depend/
 */
html {
  overflow-x: hidden;
}

body {
  font-size: 1.8rem;
  overflow-x: hidden;
}

body.overflow-hidden {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

body .dark {
  color: #fff;
}

body main {
  position: relative;
}

.header-space {
  padding-top: 5.6rem;
}

@media (min-width: 48em) {
  .header-space {
    padding-top: 7.7rem;
  }
}

@media (min-width: 64em) {
  .header-space {
    padding-top: 13.1rem;
  }
}

.footer-space {
  padding-bottom: 13.1rem;
}

#block-breadcrumbs,
.contextual-region {
  z-index: 4;
}

#sliding-popup {
  overflow: auto;
  width: 100%;
  max-height: 90vh;
  background-color: #f9fafc;
  box-shadow: rgba(37, 91, 142, .12) 1px -2px 10px;
}

#sliding-popup .eu-cookie-compliance-message {
  float: none;
  max-width: 100%;
}

#sliding-popup .eu-cookie-withdraw-tab {
  position: static;
  margin-top: 1rem;
  padding: .8rem 1.2rem;
  transform: none;
  color: #fff;
  border: none;
  background: linear-gradient(46.65deg, #0f60a7 0%, #255b8e 100%);
}

#sliding-popup .eu-cookie-withdraw-tab:focus {
  outline: 5px auto Highlight;
  outline: 5px auto -webkit-focus-ring-color;
}

#sliding-popup .find-more-button {
  font-size: 16px;
  padding: 0;
  text-decoration: underline;
  color: #255b8e;
  border: none;
  background: transparent;
}

#sliding-popup .eu-cookie-compliance-save-preferences-button,
#sliding-popup .eu-cookie-withdraw-button {
  font: inherit;
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1.23;
  position: relative;
  display: inline-block;
  display: inline-block;
  overflow: hidden;
  margin: 0;
  padding: 1rem 4rem;
  cursor: pointer;
  transition: all 300ms ease-in-out;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: .28rem;
  text-transform: uppercase;
  color: #fff;
  color: #255b8e;
  border: none;
  border: .1rem solid #255b8e;
  background: #84899f;
  background-color: transparent;
}

@media (max-width: 63.99em) {
  #sliding-popup .eu-cookie-compliance-save-preferences-button,
    #sliding-popup .eu-cookie-withdraw-button {
    width: 100%;
  }
}

#sliding-popup .eu-cookie-compliance-save-preferences-button:hover,
#sliding-popup .eu-cookie-withdraw-button:hover {
  color: #fff;
  background-color: #255b8e;
}

#sliding-popup .eu-cookie-compliance-default-button {
  font: inherit;
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1.23;
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin: 0;
  padding: 1rem 4rem;
  cursor: pointer;
  transition: all 300ms ease-in-out;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: .28rem;
  text-transform: uppercase;
  color: #fff;
  border: none;
  background: #84899f;
  background: none;
}

@media (max-width: 63.99em) {
  #sliding-popup .eu-cookie-compliance-default-button {
    width: 100%;
  }
}

#sliding-popup .eu-cookie-compliance-default-button [class^='icon-'],
#sliding-popup .eu-cookie-compliance-default-button [class*=' icon-'] {
  color: #fff;
}

#sliding-popup .eu-cookie-compliance-default-button::after {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 200%;
  height: 100%;
  content: '';
  transition: all 300ms ease-in-out;
  transform: translateX(-50%);
  background: linear-gradient(45deg, #073a7c 0%, #1767ad 60%, #255b8e 100%);
}

#sliding-popup .eu-cookie-compliance-default-button:hover {
  color: #fff;
}

#sliding-popup .eu-cookie-compliance-default-button:hover:after {
  transform: translateX(0);
}

#sliding-popup .eu-cookie-compliance-default-button:focus {
  color: #fff;
}

#sliding-popup .eu-cookie-compliance-message {
  margin-bottom: 1.6rem;
}

#sliding-popup .eu-cookie-compliance-message p {
  font-size: 1.4rem;
  line-height: 1.4rem;
  margin-bottom: 0;
}

#sliding-popup .eu-cookie-compliance-category {
  margin-bottom: 1.6rem;
}

#sliding-popup .eu-cookie-compliance-category > div {
  display: flex;
  flex-direction: row;
  align-items: center;
}

#sliding-popup .eu-cookie-compliance-category > div [type=checkbox] {
  margin-right: .8rem;
}

#sliding-popup .eu-cookie-compliance-category label {
  font-size: 1.4rem;
  color: #1b1d27;
}

#sliding-popup .eu-cookie-compliance-category .eu-cookie-compliance-category-description {
  font-size: 1.4rem;
  line-height: 1.4rem;
}

#sliding-popup .eu-cookie-compliance-buttons {
  max-width: 100%;
}

@media (max-width: 63.99em) {
  #sliding-popup .eu-cookie-compliance-buttons {
    float: none;
  }
}

#sliding-popup .eu-cookie-compliance-categories-buttons {
  margin-bottom: 1.6rem;
}

@media (min-width: 64em) {
  #sliding-popup .eu-cookie-compliance-categories-buttons {
    float: left;
  }
}

@media (max-width: 63.99em) {
  #sliding-popup .eu-cookie-withdraw-button {
    float: none;
    width: 100%;
    margin-bottom: 1.6rem;
  }
}

@media (min-width: 64em) {
  #sliding-popup .eu-cookie-withdraw-button {
    margin-left: 1rem;
  }
}

@media (max-width: 63.99em) {
  #sliding-popup .eu-cookie-compliance-default-button {
    margin-bottom: 1.6rem;
  }
}

/* Object index */
/* ==========================================================================
   OBJECTS
   ========================================================================== */
/**
 * The object layer class-based selectors which define undecorated design patterns,
 * for example media object known from OOCSS.
 *
 * Classes in this layer are prefix with `o-`.
 */
/**
 * CONTENTS
 *
 * OBJECTS
 * Table................Simple table styles.
 * Grid.................Basic grid system based on flexbox.
 * Iframe...............Object used to add responsivity to iframes
 */
/* ==========================================================================
   TABLE
   ========================================================================== */
/**
 * A simple object for manipulating the structure of HTML `table`s.
 */
/* Default style
  ========================================================================== */
.o-table {
  width: 100%;
  max-width: 100%;
}

/* Responsive variante
   ========================================================================== */
/**
 * Taken from bootstrap
 *
 * @see https://getbootstrap.com/docs/4.0/content/tables/#responsive-tables
 */
.o-table--responsive {
  display: block;
  overflow-x: auto;
  width: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

/*
* Table Newsletter
*/
.paragraph--type--newsletter-item table tr {
  border: none;
}

/* ==========================================================================
  GRID
  ========================================================================== */
/**
 * Basic grid object
 *
 * By default the child items are display with the row direction, wrapped,
 * and positioned with default flex options.
 */
.o-grid {
  display: flex;
  margin: 0 -1.2rem;
  flex-wrap: wrap;
    /* Gutter variants
   ========================================================================== */
    /* Position variants
   ========================================================================== */
    /* Order variants
   ========================================================================== */
    /* Avoid element in th grid to wrap */
    /* Reverse the order of the item of the list. */
    /* Put this on a child itemto set set him in first position */
    /* Put this on a child itemto set set him in last position */
    /* Item height variants
   ========================================================================== */
    /* Stretch vertically item so it give items equal heights. */
}

.o-grid > * {
  padding: 0 1.2rem;
}

.o-grid--no-gutter {
  margin: 0;
}

.o-grid--no-gutter > * {
  padding: 0;
}

.o-grid--gutter-xl {
  margin: -2.4rem;
}

.o-grid--gutter-xl > * {
  padding: 0 2.4rem;
}

.o-grid--center {
  align-items: center;
  justify-content: center;
}

.o-grid--center-vertically {
  align-items: center;
}

.o-grid--center-horizontally {
  justify-content: center;
}

.o-grid--space-between {
  justify-content: space-between;
}

.o-grid--space-around {
  justify-content: space-around;
}

.o-grid--nowrap {
  flex-wrap: nowrap;
}

@media (max-width: 63.99em) {
  .o-grid--wrap\@tablet {
    flex-wrap: wrap;
  }
}

.o-grid--reverse {
  flex-direction: row-reverse;
}

.o-grid--item-first {
  order: -1;
}

.o-grid--item-last {
  order: 1;
}

.o-grid--equal-height > * {
  display: flex;
}

/* ==========================================================================
  IFRAME
  ========================================================================== */
.o-iframe {
  position: relative;
  min-height: 1300px;
  padding-top: 18rem;
  background-color: #fff;
}

.o-iframe .iframe-title {
  display: block;
  width: 100%;
  max-width: 800px;
  margin: 0 auto 2rem;
}

.o-iframe iframe {
  display: block;
  overflow-x: hidden;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.o-iframe-job {
  min-height: 1500px;
}

.o-iframe-job .iframe-title {
  max-width: 1024px;
}

.o-iframe-job iframe {
  max-width: 1024px;
}

@media (max-width: 63.99em) {
  .o-iframe iframe {
    padding-top: 14rem;
  }
}

@media (max-width: 47.99em) {
  .o-iframe iframe {
    padding-top: 10rem;
  }
}

.c-wrapper-page-account--col .o-iframe {
  padding-top: 5rem;
}

/* Utilities index */
/* ==========================================================================
   #UTILITIES
   ========================================================================== */
/**
 * Utilities and helper classes with ability to override
 * anything which goes before in the triangle, eg. hide helper class.
 * The utilities are made immutable with `!important`.
 * It’s important not to output any CSS in this layers.
 *
 * Classes in this layer are prefix with `u-`.
 */
@keyframes hvr-wobble-horizontal {
  16.65% {
    transform: translateX(8px);
  }

  33.3% {
    transform: translateX(-6px);
  }

  49.95% {
    transform: translateX(4px);
  }

  66.6% {
    transform: translateX(-2px);
  }

  83.25% {
    transform: translateX(1px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes hvr-wobble-vertical {
  16.65% {
    transform: translateY(-8px);
  }

  33.3% {
    transform: translateY(6px);
  }

  49.95% {
    transform: translateY(-4px);
  }

  66.6% {
    transform: translateY(2px);
  }

  83.25% {
    transform: translateY(-1px);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes hvr-icon-go-to {
  0% {
    opacity: 1;
  }

  50% {
    transform: translateX(.5rem);
    opacity: 0;
  }

  75% {
    transform: translateX(-1rem);
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes hvr-icon-drop {
  0% {
    opacity: 1;
  }

  50% {
    transform: translateY(.5rem);
    opacity: 0;
  }

  75% {
    transform: translateY(-1rem);
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes hvr-icon-drop-horizontal {
  0% {
    opacity: 1;
  }

  50% {
    transform: translateX(1rem);
    opacity: 0;
  }

  75% {
    transform: translateX(-.2rem);
    opacity: 0;
  }

  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes hvr-icon-drop-vertical-spe {
  0% {
    opacity: 1;
  }

  50% {
    transform: rotate(-90deg) translateX(1rem);
    opacity: 0;
  }

  75% {
    transform: rotate(-90deg) translateX(-1rem);
    opacity: 0;
  }

  100% {
    transform: rotate(-90deg) translateX(0);
    opacity: 1;
  }
}

@keyframes hvr-icon-drop-vertical-down-spe {
  0% {
    opacity: 1;
  }

  50% {
    transform: rotate(90deg) translateX(1rem);
    opacity: 0;
  }

  75% {
    transform: rotate(90deg) translateX(-1rem);
    opacity: 0;
  }

  100% {
    transform: rotate(90deg) translateX(0);
    opacity: 1;
  }
}

@keyframes c-separator-scroll-animation {
  0% {
    opacity: 0;
    background-color: rgba(255, 255, 255, 0);
  }

  50% {
    opacity: 1;
    background-color: white;
  }

  75% {
    transform: translateY(10rem);
    opacity: 0;
    background-color: rgba(255, 255, 255, 0);
  }

  100% {
    opacity: 0;
    background-color: rgba(255, 255, 255, 0);
  }
}

@keyframes c-product-scroll-highlight-animation {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  75% {
    transform: translateX(-30%);
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

/* ==========================================================================
   #PRINT
   ========================================================================== */
/**
 * Very crude, reset-like styles taken from the HTML5 Boilerplate:
 * https://github.com/h5bp/html5-boilerplate/blob/5.3.0/dist/doc/css.md#print-styles
 * https://github.com/h5bp/html5-boilerplate/blob/master/dist/css/main.css#L205-L282
 */
@media print {
    /**
   * 1. Black prints faster: http://www.sanbeiji.com/archives/953
   */
  *,
    *::before,
    *::after,
    *::first-letter,
    *::first-line {
    color: #1b1d27 !important;
    background: transparent !important;
    box-shadow: none !important;
        /* [1] */
    text-shadow: none !important;
  }

  body {
    font-family: Arial, Helvetica, sans-serif !important;
  }

  html {
    margin: 0mm;
  }

  a[href]::after {
    display: block;
    content: ' (' attr(href) ')';
    text-align: left;
    text-decoration: underline;
    color: #1b1d27;
  }

  abbr[title]::after {
    content: ' (' attr(title) ')';
  }
    /**
   * Don't show links that are fragment identifiers, or use the `javascript:`
   * pseudo protocol.
   */
    a[href^='#']::after,
    a[href^='javascript:']::after
    {
        content: '';
    }
    pre,
    blockquote
    {
        border: .1rem solid #999;

        page-break-inside: avoid;
    }
    /**
   * Printing Tables: http://css-discuss.incutio.com/wiki/Printing_Tables
   */
    thead
    {
        display: table-header-group;
    }
    img
    {
        width: 100% !important;
        max-width: 400px !important;
        height: auto !important;
        margin: 0 auto;
    }
    p,
    h2,
    h3
    {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3
    {
        page-break-after: avoid;
    }
    div
    {
        position: relative; 

        margin: 0;
        padding: 0;
    }
    .no-print
    {
        display: none;
        visibility: hidden;
    }
    .c-layer,
    .c-editor-text,
    .c-structured-contact-detail-card__title,
    .c-news-author
    {
        margin: 0; 
        padding: 0;
    }
    .l-background,
    .u-bg--linear-gradient-darkest
    {
        background: transparent !important;
    }
    .c-image-caption
    {
        margin: 0;
    }
    .messages,
    .c-alert-banner,
    #sliding-popup,
    .sliding-popup-bottom,
    .c-partners-logo,
    .c-hero__gradiant-background,
    .c-news-alert-fixed,
    .c-download-dropdown__container,
    #block-safran-fo-tabs,
    .c-header,
    .c-footer,
    .c-hero__video,
    .c-structured-search-product,
    .c-structured-stock-prices,
    .c-product-scroll-highlight,
    .c-product-sticky-card,
    .c-hero__video-container,
    .c-banner-content__img,
    .c-structured-search-offer,
    .c-structured-search-product,
    .c-structured-search-company__search-title-container,
    .c-video-playlist__overlay,
    .c-structured-page-intro__container,
    .c-footer-bottom-up,
    .c-separator--dark
    {
        display: none;
        visibility: hidden;
    }
    .c-head-page-title,
    .c-news-header,
    .c-short-description,
    .c-layer,
    .c-hero__video-container,
    .u-padding-top--lg,
    .c-separator,
    .c-structured-safran-share-wrapper,
    .c-structured-sheet-profile,
    .c-implantation,
    .c-structured-contact-detail-card,
    .c-search-page-title
    {
        padding-top: 0 !important;
    }
    .c-hero
    {
        display: block;

        height: 100% !important;
        min-height: 100% !important;
        padding-top: 0;

        background: none;
        background-image: none;
    }
    .c-hero .c-hero__gradiant-background
    {
        background: transparent !important;
    }
    .c-hero-product
    {
        background: none;
    }
    .c-hero-product .c-hero
    {
        height: 100%;
        min-height: 100%;
        padding-top: 0;

        background: none;
    }
    .c-hero .c-hero__content
    {
        max-height: 100%;
        margin: 0 !important;
        padding: 0;

        background: none;
    }
    .c-hero .c-hero__content span
    {
        margin: 0;
        padding: 0;
    }
    .c-hero .c-hero__content .big-font
    {
        line-height: 20px; 

        margin: 0;
        padding: 0;
    }
    .c-hero .c-hero__content .big-font .h1-smaller
    {
        line-height: 20px; 

        margin: 0;
        padding: 0;
    }
    .c-hero .c-hero__content .h2-like
    {
        margin: 0;
        padding: 0;
    }
    .c-hero__video-container
    {
        padding-top: 0;
    }
    .js-homepage .c-hero h1.c-hero__content
    {
        margin-bottom: 0;
    }
    .c-hero__content.big-font
    {
        top: 0;

        background: none;
    }
    .c-short-description,
    .c-short-description--dark
    {
        padding-top: 0;
        padding-bottom: 0;

        color: black;
    }
    .c-hero-product h1.c-hero__content.big-font.h1-smaller
    {
        margin-top: 250px;
    }
    .c-structured-product-presentation
    {
        margin: 0;
    }
    .c-structured-product-presentation img
    {
        position: absolute;
        top: 0;

        max-width: inherit;
        max-height: 250px;
    }
    .c-structured-credits
    {
        page-break-after: avoid;
    }
    .c-structured-credits .c-credits__list
    {
        overflow: visible;

        max-height: 100%;
    }
    .c-structured-expertise-extended__items
    {
        display: block;

        width: 100%;
    }
    .c-structured-expertise-extended-responsive__items
    {
        display: block;

        width: 100%;
    }
    .c-structured-expertise-extended-responsive__container--title .icon-panel
    {
        display: none;
    }
    .c-structured-expertise-extended-responsive__container--panel__content p
    {
        color: #1b1d27;
    }
    .c-expertise-extended-item__content .icon-svg
    {
        background-color: #1b1d27;
    }
    .c-structured-expertise-extended-responsive__container .c-structured-expertise-extended-responsive__container--panel
    {
        overflow: visible;

        height: 100%;

        opacity: 1;
    }
    .c-structured-expertise-extended-responsive__container .c-structured-expertise-extended-responsive__container--panel__content .c-btn
    {
        display: none;
    }
    .u-hidden.c-header-subnav__logo-print
    {
        display: block !important;
        visibility: visible !important;

        width: 157px;
        height: 100px;
    }
    #block-breadcrumbs
    {
        display: block;
    }
    #block-breadcrumbs nav
    {
        display: block;
    }
    #block-breadcrumbs nav .c-breadcrumb
    {
        position: relative;
        z-index: 4;
        top: 0;
        left: 0;

        display: block;

        width: 100%;
        height: 5.4rem;
        margin: 0;
        padding: 0;

        background-color: transparent;
    }
    #block-breadcrumbs nav .c-breadcrumb .c-breadcrumb__item
    {
        display: inline-block; 

        color: black;
    }
    #block-breadcrumbs nav .c-breadcrumb .c-breadcrumb__item a[href^='#']::after
    {
        display: none; 

        content: '';
    }
    .c-slider
    {
        margin: 0;
        padding: 0;
    }
    .c-slider .c-slider__slider-object-container
    {
        margin: 0;
    }
    .c-slider .c-slider__slider-object-container .c-slider__slide-item
    {
        display: block;

        margin-bottom: 2rem;
        padding: 0;
    }
    .c-slider .c-slider__slider-object-container .c-slider__slide-item a .c-profile-card-item__image
    {
        width: auto;
    }
    .c-slider .c-slider__slider-object-container .c-slider__slide-item a .c-profile-card-item__button-container
    {
        display: none;
    }
    .c-structured-photos-gallery-slider__item--buttons
    {
        display: block;
    }
    .c-structured-implantation-details__item__map--map
    {
        display: block;
    }
    .c-structured-implantation-details__item__map--map .openStreetMap
    {
        display: block;
    }
    .c-structured-implantation-details__item__map--map .openStreetMap .leaflet-pane
    {
        display: block;
    }
    .c-structured-implantation-details__item__map--map .openStreetMap .leaflet-control-container
    {
        display: none;
    }
    .c-company-search-result .c-company-search-result__grid
    {
        display: block;

        max-width: 100%;
    }
    .c-company-search-result .c-company-search-result__left-col .c-company-search-result__picture-title
    {
        position: relative;

        text-align: left;
    }
    .c-company-search-result .c-company-search-result__left-col .c-btn
    {
        display: none;
    }
    .c-company-search-result .c-company-search-result__right-col
    {
        display: block;
        overflow: visible;

        height: 100%;
    }
    .c-company-search-result .c-company-search-result__right-col .c-company-search-result__side-content
    {
        text-align: left;
    }
    .c-company-search-result .c-company-search-result__right-col .js-load-more--initially-hidden-responsive
    {
        overflow-y: visible;

        height: 100%;
    }
    .c-company-search-result .c-company-search-result__right-col .c-company-search-result__load-more
    {
        display: none;
    }
    .c-structured-contacts .c-contact-card-item
    {
        margin: 0; 
        padding: 0;
    }
    .c-structured-sheet-profile img
    {
        width: 197px;
    }
    .c-structured-know-more-section .c-structured-know-more-section__container
    {
        text-align: left;
    }
    .c-head-page-title__title__press-release
    {
        line-height: 1;
    }
    .c-press-release-pdf--avoid .c-structured-cta__blocks-container
    {
        margin-bottom: 0;
    }
    .c-press-release-pdf--avoid .c-structured-cta__blocks-container .c-info-cta
    {
        text-align: left;
    }
    .c-press-release-pdf--avoid .c-structured-cta__blocks-container .c-info-cta .c-btn
    {
        display: none;
    }
    .c-structured-bordered-section
    {
        padding: 0; 

        text-align: left;
    }
    .c-structured-item-links__card-title
    {
        max-width: 100%;
    }
    .c-btn
    {
        font-size: 1.3rem;
        font-weight: 600;
        line-height: 1.23;

        position: relative;

        display: block;
        overflow: visible;

        margin: 0;
        padding: 0;

        transition: none;
        text-align: left;
        vertical-align: none;
        text-decoration: none;
        letter-spacing: .28rem;
        text-transform: uppercase;

        color: black;
        border: none;
        background: transparent;
    }
    .c-btn .c-btn--animated-icon__icon-container
    {
        display: none;
    }
    .c-btn span
    {
        color: black;
    }
    .c-btn[href]::after
    {
        position: absolute !important;
        bottom: 0;
        left: 0;

        display: block;

        width: 100%;
        height: 100%;

        content: ' (' attr(href) ')';
        transition: none;
        transform: none;
        text-align: left;

        color: #1b1d27;
        background: transparent;
    }
    .c-key-number .c-key-number__container
    {
        margin: 0;
    }
    .c-key-number .c-key-number__container .c-key-number__number
    {
        font-size: 2rem;
    }
    .c-structured-profiles__main-profile-container-focus
    {
        display: block; 

        margin: 0;
    }
    .c-structured-profiles__main-profile-container-focus .c-structured-organization__content__item
    {
        min-height: auto;
    }
    .c-structured-profiles__main-profile-container-focus .c-structured-organization__content__item .c-profile-card-item__content
    {
        padding: 0;
    }
    .c-structured-profiles .c-structured-profiles__slider-container
    {
        min-height: auto;

        -webkit-print-color-adjust: exact !important;
        color-adjust: exact !important;
    }
    .c-structured-profiles .c-structured-profiles__slider-container .c-profile-card-item
    {
        max-width: 100%;
        min-height: auto;

        flex-basis: 100%;
    }
    .c-structured-profiles .c-structured-profiles__slider-container .c-profile-card-item .c-profile-card-item__image
    {
        height: 0; 

        background: none;
    }
    .c-structured-profiles .c-profile-card-separator
    {
        position: relative;

        width: auto;
        min-height: auto;

        background: none;
    }
    .c-structured-profiles .c-profile-card-separator .c-profile-card-separator__title
    {
        font-size: 1.8rem;

        position: relative;
        bottom: 0;
        left: 0;

        width: 100%;
        margin: 0;

        transform: none;

        color: black;
    }
    .tns-horizontal.tns-subpixel > .tns-item
    {
        display: block;
    }
    .c-structured-organization .c-structured-organization__content .o-grid
    {
        display: block;

        margin: 0;
    }
    .c-structured-organization .c-structured-organization__content .o-grid .c-profile-card-item--hover-animation
    {
        display: block;

        width: 100%; 

        flex-basis: 100%;
    }
    .c-structured-organization .c-structured-organization__content .o-grid .c-profile-card-item
    {
        max-width: 100%;
        min-height: auto;

        flex-basis: 100%;
    }
    .c-structured-organization .c-structured-organization__content .o-grid .c-profile-card-item .c-profile-card-item__content
    {
        display: block;

        width: 100%; 

        flex-basis: 100%;
    }
    .c-structured-tab-documents
    {
        display: none;
    }
    .js-see-more-container .js-load-more--initially-hidden-responsive
    {
        overflow: visible;

        height: auto;
    }
    .c-structured-list-links-download-documents__button-container
    {
        display: none;
    }
    .c-banner-content .c-banner-content__container
    {
        display: block;
    }
    .c-banner-content .c-banner-content__container .c-banner-content__title
    {
        display: block; 

        margin-top: 0;
    }
    .c-structured-cta .c-structured-cta__blocks-container
    {
        display: block;
    }
    .c-structured-cta .c-structured-cta__blocks-container .c-info-cta
    {
        margin-bottom: 0;
    }
    .c-structured-cta .c-structured-cta__blocks-container .c-info-cta img.c-info-cta__picto
    {
        display: none;
    }
}

/* ==========================================================================
   RESET
   ========================================================================== */
.u-reset-link
{
    text-decoration: none !important; 

    color: inherit !important;
}

.u-reset-list
{
    margin: 0;
    padding: 0;

    list-style: none;
}
.u-reset-list li
{
    font-size: inherit !important;
}

.u-reset-display
{
    display: initial;
}

.u-reset-button
{
    padding: 0;

    border: none;
    background: none; 

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

/* ==========================================================================
   #CLEARFIX
   ========================================================================== */
/*
---
name: Clearfix
category: Utilities
---

Attach the clearfix mixin to a utility class.

```html
<div class=".u-clearfix">
```

*/
.u-clearfix::after
{
    display: block !important;
    clear: both !important;

    content: '' !important;
}

/* ==========================================================================
   WIDTHS
   ========================================================================== */
/*

---
name: Withs
category: Utilities
---

This is inspire by inuitcss  
@see https://github.com/inuitcss/inuitcss/blob/develop/utilities/_utilities.widths.scss

Generates a series of utility classes that give a fluid width to whichever element they’re applied, e.g.:
 
``` html
    <img src="" alt="" class="u-1/2" />
```

By default, also generate responsive variants of each of these
classes by using your Sass MQ configuration, e.g.:
``` html
<div class="o-layout__item  u-1/1  u-1/2@tablet  u-1/3@desktop">
```
 
This is useful for making very granular changes to the rendered order of
items in a layout.

## Width fractions
 
  Which fractions would you like in your grid system(s)? By default,
  provides you fractions of one whole, halves, thirds, quarters and fifths,

  e.g.:
```css
    .u-1/2
    .u-2/5
    .u-3/4
    .u-2/3
```
 */
/*
 The widths mixins.  
 A mixin to spit out our width classes. Pass in the columns we want the widths
 to have, and an optional suffix for responsive widths. E.g. to create thirds
 and quarters for a small breakpoint:

 e,g, :
   @include widths(3 4, -sm);
 */
/**
 * A series of width helper classes that you can use to size things like grid
 * systems. Classes take a fraction-like format (e.g. `.u-2/3`). Use these in
 * your markup:
 *
 * <div class="u-7/12">
 *
 * The following will generate widths helper classes based on the fractions
 * defined in the `$inuit-fractions` list.
 */
.u-1\/1
{
    width: 100% !important;
}

.u-1\/2
{
    width: 50% !important;
}

.u-2\/2
{
    width: 100% !important;
}

.u-1\/3
{
    width: 33.33333% !important;
}

.u-2\/3
{
    width: 66.66667% !important;
}

.u-3\/3
{
    width: 100% !important;
}

.u-1\/4
{
    width: 25% !important;
}

.u-2\/4
{
    width: 50% !important;
}

.u-3\/4
{
    width: 75% !important;
}

.u-4\/4
{
    width: 100% !important;
}

.u-1\/5
{
    width: 20% !important;
}

.u-2\/5
{
    width: 40% !important;
}

.u-3\/5
{
    width: 60% !important;
}

.u-4\/5
{
    width: 80% !important;
}

.u-5\/5
{
    width: 100% !important;
}

.u-1\/6
{
    width: 16.66667% !important;
}

.u-2\/6
{
    width: 33.33333% !important;
}

.u-3\/6
{
    width: 50% !important;
}

.u-4\/6
{
    width: 66.66667% !important;
}

.u-5\/6
{
    width: 83.33333% !important;
}

.u-6\/6
{
    width: 100% !important;
}

/**
 * Automatically generate grid system(s) for each of our
 * defined breakpoints, and give them a Responsive Suffix, e.g.:
 *
 * <div class="u-3/12@mobile">
 */
@media (max-width: 99.99em)
{
    .u-1\/1\@wide
    {
        width: 100% !important;
    }
    .u-1\/2\@wide
    {
        width: 50% !important;
    }
    .u-2\/2\@wide
    {
        width: 100% !important;
    }
    .u-1\/3\@wide
    {
        width: 33.33333% !important;
    }
    .u-2\/3\@wide
    {
        width: 66.66667% !important;
    }
    .u-3\/3\@wide
    {
        width: 100% !important;
    }
    .u-1\/4\@wide
    {
        width: 25% !important;
    }
    .u-2\/4\@wide
    {
        width: 50% !important;
    }
    .u-3\/4\@wide
    {
        width: 75% !important;
    }
    .u-4\/4\@wide
    {
        width: 100% !important;
    }
    .u-1\/5\@wide
    {
        width: 20% !important;
    }
    .u-2\/5\@wide
    {
        width: 40% !important;
    }
    .u-3\/5\@wide
    {
        width: 60% !important;
    }
    .u-4\/5\@wide
    {
        width: 80% !important;
    }
    .u-5\/5\@wide
    {
        width: 100% !important;
    }
    .u-1\/6\@wide
    {
        width: 16.66667% !important;
    }
    .u-2\/6\@wide
    {
        width: 33.33333% !important;
    }
    .u-3\/6\@wide
    {
        width: 50% !important;
    }
    .u-4\/6\@wide
    {
        width: 66.66667% !important;
    }
    .u-5\/6\@wide
    {
        width: 83.33333% !important;
    }
    .u-6\/6\@wide
    {
        width: 100% !important;
    }
}

@media (max-width: 87.49em)
{
    .u-1\/1\@desktop
    {
        width: 100% !important;
    }
    .u-1\/2\@desktop
    {
        width: 50% !important;
    }
    .u-2\/2\@desktop
    {
        width: 100% !important;
    }
    .u-1\/3\@desktop
    {
        width: 33.33333% !important;
    }
    .u-2\/3\@desktop
    {
        width: 66.66667% !important;
    }
    .u-3\/3\@desktop
    {
        width: 100% !important;
    }
    .u-1\/4\@desktop
    {
        width: 25% !important;
    }
    .u-2\/4\@desktop
    {
        width: 50% !important;
    }
    .u-3\/4\@desktop
    {
        width: 75% !important;
    }
    .u-4\/4\@desktop
    {
        width: 100% !important;
    }
    .u-1\/5\@desktop
    {
        width: 20% !important;
    }
    .u-2\/5\@desktop
    {
        width: 40% !important;
    }
    .u-3\/5\@desktop
    {
        width: 60% !important;
    }
    .u-4\/5\@desktop
    {
        width: 80% !important;
    }
    .u-5\/5\@desktop
    {
        width: 100% !important;
    }
    .u-1\/6\@desktop
    {
        width: 16.66667% !important;
    }
    .u-2\/6\@desktop
    {
        width: 33.33333% !important;
    }
    .u-3\/6\@desktop
    {
        width: 50% !important;
    }
    .u-4\/6\@desktop
    {
        width: 66.66667% !important;
    }
    .u-5\/6\@desktop
    {
        width: 83.33333% !important;
    }
    .u-6\/6\@desktop
    {
        width: 100% !important;
    }
}

@media (max-width: 79.99em)
{
    .u-1\/1\@laptop
    {
        width: 100% !important;
    }
    .u-1\/2\@laptop
    {
        width: 50% !important;
    }
    .u-2\/2\@laptop
    {
        width: 100% !important;
    }
    .u-1\/3\@laptop
    {
        width: 33.33333% !important;
    }
    .u-2\/3\@laptop
    {
        width: 66.66667% !important;
    }
    .u-3\/3\@laptop
    {
        width: 100% !important;
    }
    .u-1\/4\@laptop
    {
        width: 25% !important;
    }
    .u-2\/4\@laptop
    {
        width: 50% !important;
    }
    .u-3\/4\@laptop
    {
        width: 75% !important;
    }
    .u-4\/4\@laptop
    {
        width: 100% !important;
    }
    .u-1\/5\@laptop
    {
        width: 20% !important;
    }
    .u-2\/5\@laptop
    {
        width: 40% !important;
    }
    .u-3\/5\@laptop
    {
        width: 60% !important;
    }
    .u-4\/5\@laptop
    {
        width: 80% !important;
    }
    .u-5\/5\@laptop
    {
        width: 100% !important;
    }
    .u-1\/6\@laptop
    {
        width: 16.66667% !important;
    }
    .u-2\/6\@laptop
    {
        width: 33.33333% !important;
    }
    .u-3\/6\@laptop
    {
        width: 50% !important;
    }
    .u-4\/6\@laptop
    {
        width: 66.66667% !important;
    }
    .u-5\/6\@laptop
    {
        width: 83.33333% !important;
    }
    .u-6\/6\@laptop
    {
        width: 100% !important;
    }
}

@media (max-width: 63.99em)
{
    .u-1\/1\@tablet
    {
        width: 100% !important;
    }
    .u-1\/2\@tablet
    {
        width: 50% !important;
    }
    .u-2\/2\@tablet
    {
        width: 100% !important;
    }
    .u-1\/3\@tablet
    {
        width: 33.33333% !important;
    }
    .u-2\/3\@tablet
    {
        width: 66.66667% !important;
    }
    .u-3\/3\@tablet
    {
        width: 100% !important;
    }
    .u-1\/4\@tablet
    {
        width: 25% !important;
    }
    .u-2\/4\@tablet
    {
        width: 50% !important;
    }
    .u-3\/4\@tablet
    {
        width: 75% !important;
    }
    .u-4\/4\@tablet
    {
        width: 100% !important;
    }
    .u-1\/5\@tablet
    {
        width: 20% !important;
    }
    .u-2\/5\@tablet
    {
        width: 40% !important;
    }
    .u-3\/5\@tablet
    {
        width: 60% !important;
    }
    .u-4\/5\@tablet
    {
        width: 80% !important;
    }
    .u-5\/5\@tablet
    {
        width: 100% !important;
    }
    .u-1\/6\@tablet
    {
        width: 16.66667% !important;
    }
    .u-2\/6\@tablet
    {
        width: 33.33333% !important;
    }
    .u-3\/6\@tablet
    {
        width: 50% !important;
    }
    .u-4\/6\@tablet
    {
        width: 66.66667% !important;
    }
    .u-5\/6\@tablet
    {
        width: 83.33333% !important;
    }
    .u-6\/6\@tablet
    {
        width: 100% !important;
    }
}

@media (max-width: 47.99em)
{
    .u-1\/1\@phablet
    {
        width: 100% !important;
    }
    .u-1\/2\@phablet
    {
        width: 50% !important;
    }
    .u-2\/2\@phablet
    {
        width: 100% !important;
    }
    .u-1\/3\@phablet
    {
        width: 33.33333% !important;
    }
    .u-2\/3\@phablet
    {
        width: 66.66667% !important;
    }
    .u-3\/3\@phablet
    {
        width: 100% !important;
    }
    .u-1\/4\@phablet
    {
        width: 25% !important;
    }
    .u-2\/4\@phablet
    {
        width: 50% !important;
    }
    .u-3\/4\@phablet
    {
        width: 75% !important;
    }
    .u-4\/4\@phablet
    {
        width: 100% !important;
    }
    .u-1\/5\@phablet
    {
        width: 20% !important;
    }
    .u-2\/5\@phablet
    {
        width: 40% !important;
    }
    .u-3\/5\@phablet
    {
        width: 60% !important;
    }
    .u-4\/5\@phablet
    {
        width: 80% !important;
    }
    .u-5\/5\@phablet
    {
        width: 100% !important;
    }
    .u-1\/6\@phablet
    {
        width: 16.66667% !important;
    }
    .u-2\/6\@phablet
    {
        width: 33.33333% !important;
    }
    .u-3\/6\@phablet
    {
        width: 50% !important;
    }
    .u-4\/6\@phablet
    {
        width: 66.66667% !important;
    }
    .u-5\/6\@phablet
    {
        width: 83.33333% !important;
    }
    .u-6\/6\@phablet
    {
        width: 100% !important;
    }
}

@media (max-width: 29.99em)
{
    .u-1\/1\@mobile
    {
        width: 100% !important;
    }
    .u-1\/2\@mobile
    {
        width: 50% !important;
    }
    .u-2\/2\@mobile
    {
        width: 100% !important;
    }
    .u-1\/3\@mobile
    {
        width: 33.33333% !important;
    }
    .u-2\/3\@mobile
    {
        width: 66.66667% !important;
    }
    .u-3\/3\@mobile
    {
        width: 100% !important;
    }
    .u-1\/4\@mobile
    {
        width: 25% !important;
    }
    .u-2\/4\@mobile
    {
        width: 50% !important;
    }
    .u-3\/4\@mobile
    {
        width: 75% !important;
    }
    .u-4\/4\@mobile
    {
        width: 100% !important;
    }
    .u-1\/5\@mobile
    {
        width: 20% !important;
    }
    .u-2\/5\@mobile
    {
        width: 40% !important;
    }
    .u-3\/5\@mobile
    {
        width: 60% !important;
    }
    .u-4\/5\@mobile
    {
        width: 80% !important;
    }
    .u-5\/5\@mobile
    {
        width: 100% !important;
    }
    .u-1\/6\@mobile
    {
        width: 16.66667% !important;
    }
    .u-2\/6\@mobile
    {
        width: 33.33333% !important;
    }
    .u-3\/6\@mobile
    {
        width: 50% !important;
    }
    .u-4\/6\@mobile
    {
        width: 66.66667% !important;
    }
    .u-5\/6\@mobile
    {
        width: 83.33333% !important;
    }
    .u-6\/6\@mobile
    {
        width: 100% !important;
    }
}

@media (max-width: 23.115em)
{
    .u-1\/1\@mobilesmall
    {
        width: 100% !important;
    }
    .u-1\/2\@mobilesmall
    {
        width: 50% !important;
    }
    .u-2\/2\@mobilesmall
    {
        width: 100% !important;
    }
    .u-1\/3\@mobilesmall
    {
        width: 33.33333% !important;
    }
    .u-2\/3\@mobilesmall
    {
        width: 66.66667% !important;
    }
    .u-3\/3\@mobilesmall
    {
        width: 100% !important;
    }
    .u-1\/4\@mobilesmall
    {
        width: 25% !important;
    }
    .u-2\/4\@mobilesmall
    {
        width: 50% !important;
    }
    .u-3\/4\@mobilesmall
    {
        width: 75% !important;
    }
    .u-4\/4\@mobilesmall
    {
        width: 100% !important;
    }
    .u-1\/5\@mobilesmall
    {
        width: 20% !important;
    }
    .u-2\/5\@mobilesmall
    {
        width: 40% !important;
    }
    .u-3\/5\@mobilesmall
    {
        width: 60% !important;
    }
    .u-4\/5\@mobilesmall
    {
        width: 80% !important;
    }
    .u-5\/5\@mobilesmall
    {
        width: 100% !important;
    }
    .u-1\/6\@mobilesmall
    {
        width: 16.66667% !important;
    }
    .u-2\/6\@mobilesmall
    {
        width: 33.33333% !important;
    }
    .u-3\/6\@mobilesmall
    {
        width: 50% !important;
    }
    .u-4\/6\@mobilesmall
    {
        width: 66.66667% !important;
    }
    .u-5\/6\@mobilesmall
    {
        width: 83.33333% !important;
    }
    .u-6\/6\@mobilesmall
    {
        width: 100% !important;
    }
}

/* ==========================================================================
  #SPACINGS
  ========================================================================== */
/*
---
name: Spacings
category: Utilities
---

Utility classes to put specific spacing values onto elements. The below loop
will generate us a suite of classes like:

```css
   .u-margin-top {}
   .u-margin-left--xs {}
   .u-margin-vertical {}
   .u-margin-vertical--xl {}
```
*/
.u-margin
{
    margin: 4rem !important;
}

.u-margin--sm
{
    margin: 2rem !important;
}

.u-margin--md
{
    margin: 4rem !important;
}

.u-margin--lg
{
    margin: 8rem !important;
}

.u-margin--none
{
    margin: 0 !important;
}

.u-margin-top
{
    margin-top: 4rem !important;
}

.u-margin-top--sm
{
    margin-top: 2rem !important;
}

.u-margin-top--md
{
    margin-top: 4rem !important;
}

.u-margin-top--lg
{
    margin-top: 8rem !important;
}

.u-margin-top--none
{
    margin-top: 0 !important;
}

.u-margin-bottom
{
    margin-bottom: 4rem !important;
}

.u-margin-bottom--sm
{
    margin-bottom: 2rem !important;
}

.u-margin-bottom--md
{
    margin-bottom: 4rem !important;
}

.u-margin-bottom--lg
{
    margin-bottom: 8rem !important;
}

.u-margin-bottom--none
{
    margin-bottom: 0 !important;
}

.u-margin-right
{
    margin-right: 4rem !important;
}

.u-margin-right--sm
{
    margin-right: 2rem !important;
}

.u-margin-right--md
{
    margin-right: 4rem !important;
}

.u-margin-right--lg
{
    margin-right: 8rem !important;
}

.u-margin-right--none
{
    margin-right: 0 !important;
}

.u-margin-left
{
    margin-left: 4rem !important;
}

.u-margin-left--sm
{
    margin-left: 2rem !important;
}

.u-margin-left--md
{
    margin-left: 4rem !important;
}

.u-margin-left--lg
{
    margin-left: 8rem !important;
}

.u-margin-left--none
{
    margin-left: 0 !important;
}

.u-margin-vertical
{
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
}

.u-margin-vertical--sm
{
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
}

.u-margin-vertical--md
{
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
}

.u-margin-vertical--lg
{
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
}

.u-margin-vertical--none
{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.u-margin-horizontal
{
    margin-right: 4rem !important; 
    margin-left: 4rem !important;
}

.u-margin-horizontal--sm
{
    margin-right: 2rem !important; 
    margin-left: 2rem !important;
}

.u-margin-horizontal--md
{
    margin-right: 4rem !important; 
    margin-left: 4rem !important;
}

.u-margin-horizontal--lg
{
    margin-right: 8rem !important; 
    margin-left: 8rem !important;
}

.u-margin-horizontal--none
{
    margin-right: 0 !important; 
    margin-left: 0 !important;
}

.u-padding
{
    padding: 4rem !important;
}

.u-padding--sm
{
    padding: 2rem !important;
}

.u-padding--md
{
    padding: 4rem !important;
}

.u-padding--lg
{
    padding: 8rem !important;
}

.u-padding--none
{
    padding: 0 !important;
}

.u-padding-top
{
    padding-top: 4rem !important;
}

.u-padding-top--sm
{
    padding-top: 2rem !important;
}

.u-padding-top--md
{
    padding-top: 4rem !important;
}

.u-padding-top--lg
{
    padding-top: 8rem !important;
}

.u-padding-top--none
{
    padding-top: 0 !important;
}

.u-padding-bottom
{
    padding-bottom: 4rem !important;
}

.u-padding-bottom--sm
{
    padding-bottom: 2rem !important;
}

.u-padding-bottom--md
{
    padding-bottom: 4rem !important;
}

.u-padding-bottom--lg
{
    padding-bottom: 8rem !important;
}

.u-padding-bottom--none
{
    padding-bottom: 0 !important;
}

.u-padding-right
{
    padding-right: 4rem !important;
}

.u-padding-right--sm
{
    padding-right: 2rem !important;
}

.u-padding-right--md
{
    padding-right: 4rem !important;
}

.u-padding-right--lg
{
    padding-right: 8rem !important;
}

.u-padding-right--none
{
    padding-right: 0 !important;
}

.u-padding-left
{
    padding-left: 4rem !important;
}

.u-padding-left--sm
{
    padding-left: 2rem !important;
}

.u-padding-left--md
{
    padding-left: 4rem !important;
}

.u-padding-left--lg
{
    padding-left: 8rem !important;
}

.u-padding-left--none
{
    padding-left: 0 !important;
}

.u-padding-vertical
{
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
}

.u-padding-vertical--sm
{
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

.u-padding-vertical--md
{
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
}

.u-padding-vertical--lg
{
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
}

.u-padding-vertical--none
{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.u-padding-horizontal
{
    padding-right: 4rem !important; 
    padding-left: 4rem !important;
}

.u-padding-horizontal--sm
{
    padding-right: 2rem !important; 
    padding-left: 2rem !important;
}

.u-padding-horizontal--md
{
    padding-right: 4rem !important; 
    padding-left: 4rem !important;
}

.u-padding-horizontal--lg
{
    padding-right: 8rem !important; 
    padding-left: 8rem !important;
}

.u-padding-horizontal--none
{
    padding-right: 0 !important; 
    padding-left: 0 !important;
}

/**
* Automatically generate spacing classes for each of our
 * defined breakpoints, and give them a Responsive Suffix, e.g.:
 *
 * <div class="u-margin--xs@phablet">
 */
@media (max-width: 99.99em)
{
    .u-margin\@wide
    {
        margin: 4rem !important;
    }
    .u-margin--sm\@wide
    {
        margin: 2rem !important;
    }
    .u-margin--md\@wide
    {
        margin: 4rem !important;
    }
    .u-margin--lg\@wide
    {
        margin: 8rem !important;
    }
    .u-margin--none\@wide
    {
        margin: 0 !important;
    }
    .u-margin-top\@wide
    {
        margin-top: 4rem !important;
    }
    .u-margin-top--sm\@wide
    {
        margin-top: 2rem !important;
    }
    .u-margin-top--md\@wide
    {
        margin-top: 4rem !important;
    }
    .u-margin-top--lg\@wide
    {
        margin-top: 8rem !important;
    }
    .u-margin-top--none\@wide
    {
        margin-top: 0 !important;
    }
    .u-margin-bottom\@wide
    {
        margin-bottom: 4rem !important;
    }
    .u-margin-bottom--sm\@wide
    {
        margin-bottom: 2rem !important;
    }
    .u-margin-bottom--md\@wide
    {
        margin-bottom: 4rem !important;
    }
    .u-margin-bottom--lg\@wide
    {
        margin-bottom: 8rem !important;
    }
    .u-margin-bottom--none\@wide
    {
        margin-bottom: 0 !important;
    }
    .u-margin-right\@wide
    {
        margin-right: 4rem !important;
    }
    .u-margin-right--sm\@wide
    {
        margin-right: 2rem !important;
    }
    .u-margin-right--md\@wide
    {
        margin-right: 4rem !important;
    }
    .u-margin-right--lg\@wide
    {
        margin-right: 8rem !important;
    }
    .u-margin-right--none\@wide
    {
        margin-right: 0 !important;
    }
    .u-margin-left\@wide
    {
        margin-left: 4rem !important;
    }
    .u-margin-left--sm\@wide
    {
        margin-left: 2rem !important;
    }
    .u-margin-left--md\@wide
    {
        margin-left: 4rem !important;
    }
    .u-margin-left--lg\@wide
    {
        margin-left: 8rem !important;
    }
    .u-margin-left--none\@wide
    {
        margin-left: 0 !important;
    }
    .u-margin-vertical\@wide
    {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }
    .u-margin-vertical--sm\@wide
    {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }
    .u-margin-vertical--md\@wide
    {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }
    .u-margin-vertical--lg\@wide
    {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important;
    }
    .u-margin-vertical--none\@wide
    {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .u-margin-horizontal\@wide
    {
        margin-right: 4rem !important; 
        margin-left: 4rem !important;
    }
    .u-margin-horizontal--sm\@wide
    {
        margin-right: 2rem !important; 
        margin-left: 2rem !important;
    }
    .u-margin-horizontal--md\@wide
    {
        margin-right: 4rem !important; 
        margin-left: 4rem !important;
    }
    .u-margin-horizontal--lg\@wide
    {
        margin-right: 8rem !important; 
        margin-left: 8rem !important;
    }
    .u-margin-horizontal--none\@wide
    {
        margin-right: 0 !important; 
        margin-left: 0 !important;
    }
    .u-padding\@wide
    {
        padding: 4rem !important;
    }
    .u-padding--sm\@wide
    {
        padding: 2rem !important;
    }
    .u-padding--md\@wide
    {
        padding: 4rem !important;
    }
    .u-padding--lg\@wide
    {
        padding: 8rem !important;
    }
    .u-padding--none\@wide
    {
        padding: 0 !important;
    }
    .u-padding-top\@wide
    {
        padding-top: 4rem !important;
    }
    .u-padding-top--sm\@wide
    {
        padding-top: 2rem !important;
    }
    .u-padding-top--md\@wide
    {
        padding-top: 4rem !important;
    }
    .u-padding-top--lg\@wide
    {
        padding-top: 8rem !important;
    }
    .u-padding-top--none\@wide
    {
        padding-top: 0 !important;
    }
    .u-padding-bottom\@wide
    {
        padding-bottom: 4rem !important;
    }
    .u-padding-bottom--sm\@wide
    {
        padding-bottom: 2rem !important;
    }
    .u-padding-bottom--md\@wide
    {
        padding-bottom: 4rem !important;
    }
    .u-padding-bottom--lg\@wide
    {
        padding-bottom: 8rem !important;
    }
    .u-padding-bottom--none\@wide
    {
        padding-bottom: 0 !important;
    }
    .u-padding-right\@wide
    {
        padding-right: 4rem !important;
    }
    .u-padding-right--sm\@wide
    {
        padding-right: 2rem !important;
    }
    .u-padding-right--md\@wide
    {
        padding-right: 4rem !important;
    }
    .u-padding-right--lg\@wide
    {
        padding-right: 8rem !important;
    }
    .u-padding-right--none\@wide
    {
        padding-right: 0 !important;
    }
    .u-padding-left\@wide
    {
        padding-left: 4rem !important;
    }
    .u-padding-left--sm\@wide
    {
        padding-left: 2rem !important;
    }
    .u-padding-left--md\@wide
    {
        padding-left: 4rem !important;
    }
    .u-padding-left--lg\@wide
    {
        padding-left: 8rem !important;
    }
    .u-padding-left--none\@wide
    {
        padding-left: 0 !important;
    }
    .u-padding-vertical\@wide
    {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }
    .u-padding-vertical--sm\@wide
    {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
    .u-padding-vertical--md\@wide
    {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }
    .u-padding-vertical--lg\@wide
    {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important;
    }
    .u-padding-vertical--none\@wide
    {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .u-padding-horizontal\@wide
    {
        padding-right: 4rem !important; 
        padding-left: 4rem !important;
    }
    .u-padding-horizontal--sm\@wide
    {
        padding-right: 2rem !important; 
        padding-left: 2rem !important;
    }
    .u-padding-horizontal--md\@wide
    {
        padding-right: 4rem !important; 
        padding-left: 4rem !important;
    }
    .u-padding-horizontal--lg\@wide
    {
        padding-right: 8rem !important; 
        padding-left: 8rem !important;
    }
    .u-padding-horizontal--none\@wide
    {
        padding-right: 0 !important; 
        padding-left: 0 !important;
    }
}

@media (max-width: 87.49em)
{
    .u-margin\@desktop
    {
        margin: 4rem !important;
    }
    .u-margin--sm\@desktop
    {
        margin: 2rem !important;
    }
    .u-margin--md\@desktop
    {
        margin: 4rem !important;
    }
    .u-margin--lg\@desktop
    {
        margin: 8rem !important;
    }
    .u-margin--none\@desktop
    {
        margin: 0 !important;
    }
    .u-margin-top\@desktop
    {
        margin-top: 4rem !important;
    }
    .u-margin-top--sm\@desktop
    {
        margin-top: 2rem !important;
    }
    .u-margin-top--md\@desktop
    {
        margin-top: 4rem !important;
    }
    .u-margin-top--lg\@desktop
    {
        margin-top: 8rem !important;
    }
    .u-margin-top--none\@desktop
    {
        margin-top: 0 !important;
    }
    .u-margin-bottom\@desktop
    {
        margin-bottom: 4rem !important;
    }
    .u-margin-bottom--sm\@desktop
    {
        margin-bottom: 2rem !important;
    }
    .u-margin-bottom--md\@desktop
    {
        margin-bottom: 4rem !important;
    }
    .u-margin-bottom--lg\@desktop
    {
        margin-bottom: 8rem !important;
    }
    .u-margin-bottom--none\@desktop
    {
        margin-bottom: 0 !important;
    }
    .u-margin-right\@desktop
    {
        margin-right: 4rem !important;
    }
    .u-margin-right--sm\@desktop
    {
        margin-right: 2rem !important;
    }
    .u-margin-right--md\@desktop
    {
        margin-right: 4rem !important;
    }
    .u-margin-right--lg\@desktop
    {
        margin-right: 8rem !important;
    }
    .u-margin-right--none\@desktop
    {
        margin-right: 0 !important;
    }
    .u-margin-left\@desktop
    {
        margin-left: 4rem !important;
    }
    .u-margin-left--sm\@desktop
    {
        margin-left: 2rem !important;
    }
    .u-margin-left--md\@desktop
    {
        margin-left: 4rem !important;
    }
    .u-margin-left--lg\@desktop
    {
        margin-left: 8rem !important;
    }
    .u-margin-left--none\@desktop
    {
        margin-left: 0 !important;
    }
    .u-margin-vertical\@desktop
    {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }
    .u-margin-vertical--sm\@desktop
    {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }
    .u-margin-vertical--md\@desktop
    {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }
    .u-margin-vertical--lg\@desktop
    {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important;
    }
    .u-margin-vertical--none\@desktop
    {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .u-margin-horizontal\@desktop
    {
        margin-right: 4rem !important; 
        margin-left: 4rem !important;
    }
    .u-margin-horizontal--sm\@desktop
    {
        margin-right: 2rem !important; 
        margin-left: 2rem !important;
    }
    .u-margin-horizontal--md\@desktop
    {
        margin-right: 4rem !important; 
        margin-left: 4rem !important;
    }
    .u-margin-horizontal--lg\@desktop
    {
        margin-right: 8rem !important; 
        margin-left: 8rem !important;
    }
    .u-margin-horizontal--none\@desktop
    {
        margin-right: 0 !important; 
        margin-left: 0 !important;
    }
    .u-padding\@desktop
    {
        padding: 4rem !important;
    }
    .u-padding--sm\@desktop
    {
        padding: 2rem !important;
    }
    .u-padding--md\@desktop
    {
        padding: 4rem !important;
    }
    .u-padding--lg\@desktop
    {
        padding: 8rem !important;
    }
    .u-padding--none\@desktop
    {
        padding: 0 !important;
    }
    .u-padding-top\@desktop
    {
        padding-top: 4rem !important;
    }
    .u-padding-top--sm\@desktop
    {
        padding-top: 2rem !important;
    }
    .u-padding-top--md\@desktop
    {
        padding-top: 4rem !important;
    }
    .u-padding-top--lg\@desktop
    {
        padding-top: 8rem !important;
    }
    .u-padding-top--none\@desktop
    {
        padding-top: 0 !important;
    }
    .u-padding-bottom\@desktop
    {
        padding-bottom: 4rem !important;
    }
    .u-padding-bottom--sm\@desktop
    {
        padding-bottom: 2rem !important;
    }
    .u-padding-bottom--md\@desktop
    {
        padding-bottom: 4rem !important;
    }
    .u-padding-bottom--lg\@desktop
    {
        padding-bottom: 8rem !important;
    }
    .u-padding-bottom--none\@desktop
    {
        padding-bottom: 0 !important;
    }
    .u-padding-right\@desktop
    {
        padding-right: 4rem !important;
    }
    .u-padding-right--sm\@desktop
    {
        padding-right: 2rem !important;
    }
    .u-padding-right--md\@desktop
    {
        padding-right: 4rem !important;
    }
    .u-padding-right--lg\@desktop
    {
        padding-right: 8rem !important;
    }
    .u-padding-right--none\@desktop
    {
        padding-right: 0 !important;
    }
    .u-padding-left\@desktop
    {
        padding-left: 4rem !important;
    }
    .u-padding-left--sm\@desktop
    {
        padding-left: 2rem !important;
    }
    .u-padding-left--md\@desktop
    {
        padding-left: 4rem !important;
    }
    .u-padding-left--lg\@desktop
    {
        padding-left: 8rem !important;
    }
    .u-padding-left--none\@desktop
    {
        padding-left: 0 !important;
    }
    .u-padding-vertical\@desktop
    {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }
    .u-padding-vertical--sm\@desktop
    {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
    .u-padding-vertical--md\@desktop
    {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }
    .u-padding-vertical--lg\@desktop
    {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important;
    }
    .u-padding-vertical--none\@desktop
    {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .u-padding-horizontal\@desktop
    {
        padding-right: 4rem !important; 
        padding-left: 4rem !important;
    }
    .u-padding-horizontal--sm\@desktop
    {
        padding-right: 2rem !important; 
        padding-left: 2rem !important;
    }
    .u-padding-horizontal--md\@desktop
    {
        padding-right: 4rem !important; 
        padding-left: 4rem !important;
    }
    .u-padding-horizontal--lg\@desktop
    {
        padding-right: 8rem !important; 
        padding-left: 8rem !important;
    }
    .u-padding-horizontal--none\@desktop
    {
        padding-right: 0 !important; 
        padding-left: 0 !important;
    }
}

@media (max-width: 79.99em)
{
    .u-margin\@laptop
    {
        margin: 4rem !important;
    }
    .u-margin--sm\@laptop
    {
        margin: 2rem !important;
    }
    .u-margin--md\@laptop
    {
        margin: 4rem !important;
    }
    .u-margin--lg\@laptop
    {
        margin: 8rem !important;
    }
    .u-margin--none\@laptop
    {
        margin: 0 !important;
    }
    .u-margin-top\@laptop
    {
        margin-top: 4rem !important;
    }
    .u-margin-top--sm\@laptop
    {
        margin-top: 2rem !important;
    }
    .u-margin-top--md\@laptop
    {
        margin-top: 4rem !important;
    }
    .u-margin-top--lg\@laptop
    {
        margin-top: 8rem !important;
    }
    .u-margin-top--none\@laptop
    {
        margin-top: 0 !important;
    }
    .u-margin-bottom\@laptop
    {
        margin-bottom: 4rem !important;
    }
    .u-margin-bottom--sm\@laptop
    {
        margin-bottom: 2rem !important;
    }
    .u-margin-bottom--md\@laptop
    {
        margin-bottom: 4rem !important;
    }
    .u-margin-bottom--lg\@laptop
    {
        margin-bottom: 8rem !important;
    }
    .u-margin-bottom--none\@laptop
    {
        margin-bottom: 0 !important;
    }
    .u-margin-right\@laptop
    {
        margin-right: 4rem !important;
    }
    .u-margin-right--sm\@laptop
    {
        margin-right: 2rem !important;
    }
    .u-margin-right--md\@laptop
    {
        margin-right: 4rem !important;
    }
    .u-margin-right--lg\@laptop
    {
        margin-right: 8rem !important;
    }
    .u-margin-right--none\@laptop
    {
        margin-right: 0 !important;
    }
    .u-margin-left\@laptop
    {
        margin-left: 4rem !important;
    }
    .u-margin-left--sm\@laptop
    {
        margin-left: 2rem !important;
    }
    .u-margin-left--md\@laptop
    {
        margin-left: 4rem !important;
    }
    .u-margin-left--lg\@laptop
    {
        margin-left: 8rem !important;
    }
    .u-margin-left--none\@laptop
    {
        margin-left: 0 !important;
    }
    .u-margin-vertical\@laptop
    {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }
    .u-margin-vertical--sm\@laptop
    {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }
    .u-margin-vertical--md\@laptop
    {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }
    .u-margin-vertical--lg\@laptop
    {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important;
    }
    .u-margin-vertical--none\@laptop
    {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .u-margin-horizontal\@laptop
    {
        margin-right: 4rem !important; 
        margin-left: 4rem !important;
    }
    .u-margin-horizontal--sm\@laptop
    {
        margin-right: 2rem !important; 
        margin-left: 2rem !important;
    }
    .u-margin-horizontal--md\@laptop
    {
        margin-right: 4rem !important; 
        margin-left: 4rem !important;
    }
    .u-margin-horizontal--lg\@laptop
    {
        margin-right: 8rem !important; 
        margin-left: 8rem !important;
    }
    .u-margin-horizontal--none\@laptop
    {
        margin-right: 0 !important; 
        margin-left: 0 !important;
    }
    .u-padding\@laptop
    {
        padding: 4rem !important;
    }
    .u-padding--sm\@laptop
    {
        padding: 2rem !important;
    }
    .u-padding--md\@laptop
    {
        padding: 4rem !important;
    }
    .u-padding--lg\@laptop
    {
        padding: 8rem !important;
    }
    .u-padding--none\@laptop
    {
        padding: 0 !important;
    }
    .u-padding-top\@laptop
    {
        padding-top: 4rem !important;
    }
    .u-padding-top--sm\@laptop
    {
        padding-top: 2rem !important;
    }
    .u-padding-top--md\@laptop
    {
        padding-top: 4rem !important;
    }
    .u-padding-top--lg\@laptop
    {
        padding-top: 8rem !important;
    }
    .u-padding-top--none\@laptop
    {
        padding-top: 0 !important;
    }
    .u-padding-bottom\@laptop
    {
        padding-bottom: 4rem !important;
    }
    .u-padding-bottom--sm\@laptop
    {
        padding-bottom: 2rem !important;
    }
    .u-padding-bottom--md\@laptop
    {
        padding-bottom: 4rem !important;
    }
    .u-padding-bottom--lg\@laptop
    {
        padding-bottom: 8rem !important;
    }
    .u-padding-bottom--none\@laptop
    {
        padding-bottom: 0 !important;
    }
    .u-padding-right\@laptop
    {
        padding-right: 4rem !important;
    }
    .u-padding-right--sm\@laptop
    {
        padding-right: 2rem !important;
    }
    .u-padding-right--md\@laptop
    {
        padding-right: 4rem !important;
    }
    .u-padding-right--lg\@laptop
    {
        padding-right: 8rem !important;
    }
    .u-padding-right--none\@laptop
    {
        padding-right: 0 !important;
    }
    .u-padding-left\@laptop
    {
        padding-left: 4rem !important;
    }
    .u-padding-left--sm\@laptop
    {
        padding-left: 2rem !important;
    }
    .u-padding-left--md\@laptop
    {
        padding-left: 4rem !important;
    }
    .u-padding-left--lg\@laptop
    {
        padding-left: 8rem !important;
    }
    .u-padding-left--none\@laptop
    {
        padding-left: 0 !important;
    }
    .u-padding-vertical\@laptop
    {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }
    .u-padding-vertical--sm\@laptop
    {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
    .u-padding-vertical--md\@laptop
    {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }
    .u-padding-vertical--lg\@laptop
    {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important;
    }
    .u-padding-vertical--none\@laptop
    {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .u-padding-horizontal\@laptop
    {
        padding-right: 4rem !important; 
        padding-left: 4rem !important;
    }
    .u-padding-horizontal--sm\@laptop
    {
        padding-right: 2rem !important; 
        padding-left: 2rem !important;
    }
    .u-padding-horizontal--md\@laptop
    {
        padding-right: 4rem !important; 
        padding-left: 4rem !important;
    }
    .u-padding-horizontal--lg\@laptop
    {
        padding-right: 8rem !important; 
        padding-left: 8rem !important;
    }
    .u-padding-horizontal--none\@laptop
    {
        padding-right: 0 !important; 
        padding-left: 0 !important;
    }
}

@media (max-width: 63.99em)
{
    .u-margin\@tablet
    {
        margin: 4rem !important;
    }
    .u-margin--sm\@tablet
    {
        margin: 2rem !important;
    }
    .u-margin--md\@tablet
    {
        margin: 4rem !important;
    }
    .u-margin--lg\@tablet
    {
        margin: 8rem !important;
    }
    .u-margin--none\@tablet
    {
        margin: 0 !important;
    }
    .u-margin-top\@tablet
    {
        margin-top: 4rem !important;
    }
    .u-margin-top--sm\@tablet
    {
        margin-top: 2rem !important;
    }
    .u-margin-top--md\@tablet
    {
        margin-top: 4rem !important;
    }
    .u-margin-top--lg\@tablet
    {
        margin-top: 8rem !important;
    }
    .u-margin-top--none\@tablet
    {
        margin-top: 0 !important;
    }
    .u-margin-bottom\@tablet
    {
        margin-bottom: 4rem !important;
    }
    .u-margin-bottom--sm\@tablet
    {
        margin-bottom: 2rem !important;
    }
    .u-margin-bottom--md\@tablet
    {
        margin-bottom: 4rem !important;
    }
    .u-margin-bottom--lg\@tablet
    {
        margin-bottom: 8rem !important;
    }
    .u-margin-bottom--none\@tablet
    {
        margin-bottom: 0 !important;
    }
    .u-margin-right\@tablet
    {
        margin-right: 4rem !important;
    }
    .u-margin-right--sm\@tablet
    {
        margin-right: 2rem !important;
    }
    .u-margin-right--md\@tablet
    {
        margin-right: 4rem !important;
    }
    .u-margin-right--lg\@tablet
    {
        margin-right: 8rem !important;
    }
    .u-margin-right--none\@tablet
    {
        margin-right: 0 !important;
    }
    .u-margin-left\@tablet
    {
        margin-left: 4rem !important;
    }
    .u-margin-left--sm\@tablet
    {
        margin-left: 2rem !important;
    }
    .u-margin-left--md\@tablet
    {
        margin-left: 4rem !important;
    }
    .u-margin-left--lg\@tablet
    {
        margin-left: 8rem !important;
    }
    .u-margin-left--none\@tablet
    {
        margin-left: 0 !important;
    }
    .u-margin-vertical\@tablet
    {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }
    .u-margin-vertical--sm\@tablet
    {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }
    .u-margin-vertical--md\@tablet
    {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }
    .u-margin-vertical--lg\@tablet
    {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important;
    }
    .u-margin-vertical--none\@tablet
    {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .u-margin-horizontal\@tablet
    {
        margin-right: 4rem !important; 
        margin-left: 4rem !important;
    }
    .u-margin-horizontal--sm\@tablet
    {
        margin-right: 2rem !important; 
        margin-left: 2rem !important;
    }
    .u-margin-horizontal--md\@tablet
    {
        margin-right: 4rem !important; 
        margin-left: 4rem !important;
    }
    .u-margin-horizontal--lg\@tablet
    {
        margin-right: 8rem !important; 
        margin-left: 8rem !important;
    }
    .u-margin-horizontal--none\@tablet
    {
        margin-right: 0 !important; 
        margin-left: 0 !important;
    }
    .u-padding\@tablet
    {
        padding: 4rem !important;
    }
    .u-padding--sm\@tablet
    {
        padding: 2rem !important;
    }
    .u-padding--md\@tablet
    {
        padding: 4rem !important;
    }
    .u-padding--lg\@tablet
    {
        padding: 8rem !important;
    }
    .u-padding--none\@tablet
    {
        padding: 0 !important;
    }
    .u-padding-top\@tablet
    {
        padding-top: 4rem !important;
    }
    .u-padding-top--sm\@tablet
    {
        padding-top: 2rem !important;
    }
    .u-padding-top--md\@tablet
    {
        padding-top: 4rem !important;
    }
    .u-padding-top--lg\@tablet
    {
        padding-top: 8rem !important;
    }
    .u-padding-top--none\@tablet
    {
        padding-top: 0 !important;
    }
    .u-padding-bottom\@tablet
    {
        padding-bottom: 4rem !important;
    }
    .u-padding-bottom--sm\@tablet
    {
        padding-bottom: 2rem !important;
    }
    .u-padding-bottom--md\@tablet
    {
        padding-bottom: 4rem !important;
    }
    .u-padding-bottom--lg\@tablet
    {
        padding-bottom: 8rem !important;
    }
    .u-padding-bottom--none\@tablet
    {
        padding-bottom: 0 !important;
    }
    .u-padding-right\@tablet
    {
        padding-right: 4rem !important;
    }
    .u-padding-right--sm\@tablet
    {
        padding-right: 2rem !important;
    }
    .u-padding-right--md\@tablet
    {
        padding-right: 4rem !important;
    }
    .u-padding-right--lg\@tablet
    {
        padding-right: 8rem !important;
    }
    .u-padding-right--none\@tablet
    {
        padding-right: 0 !important;
    }
    .u-padding-left\@tablet
    {
        padding-left: 4rem !important;
    }
    .u-padding-left--sm\@tablet
    {
        padding-left: 2rem !important;
    }
    .u-padding-left--md\@tablet
    {
        padding-left: 4rem !important;
    }
    .u-padding-left--lg\@tablet
    {
        padding-left: 8rem !important;
    }
    .u-padding-left--none\@tablet
    {
        padding-left: 0 !important;
    }
    .u-padding-vertical\@tablet
    {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }
    .u-padding-vertical--sm\@tablet
    {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
    .u-padding-vertical--md\@tablet
    {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }
    .u-padding-vertical--lg\@tablet
    {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important;
    }
    .u-padding-vertical--none\@tablet
    {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .u-padding-horizontal\@tablet
    {
        padding-right: 4rem !important; 
        padding-left: 4rem !important;
    }
    .u-padding-horizontal--sm\@tablet
    {
        padding-right: 2rem !important; 
        padding-left: 2rem !important;
    }
    .u-padding-horizontal--md\@tablet
    {
        padding-right: 4rem !important; 
        padding-left: 4rem !important;
    }
    .u-padding-horizontal--lg\@tablet
    {
        padding-right: 8rem !important; 
        padding-left: 8rem !important;
    }
    .u-padding-horizontal--none\@tablet
    {
        padding-right: 0 !important; 
        padding-left: 0 !important;
    }
}

@media (max-width: 47.99em)
{
    .u-margin\@phablet
    {
        margin: 4rem !important;
    }
    .u-margin--sm\@phablet
    {
        margin: 2rem !important;
    }
    .u-margin--md\@phablet
    {
        margin: 4rem !important;
    }
    .u-margin--lg\@phablet
    {
        margin: 8rem !important;
    }
    .u-margin--none\@phablet
    {
        margin: 0 !important;
    }
    .u-margin-top\@phablet
    {
        margin-top: 4rem !important;
    }
    .u-margin-top--sm\@phablet
    {
        margin-top: 2rem !important;
    }
    .u-margin-top--md\@phablet
    {
        margin-top: 4rem !important;
    }
    .u-margin-top--lg\@phablet
    {
        margin-top: 8rem !important;
    }
    .u-margin-top--none\@phablet
    {
        margin-top: 0 !important;
    }
    .u-margin-bottom\@phablet
    {
        margin-bottom: 4rem !important;
    }
    .u-margin-bottom--sm\@phablet
    {
        margin-bottom: 2rem !important;
    }
    .u-margin-bottom--md\@phablet
    {
        margin-bottom: 4rem !important;
    }
    .u-margin-bottom--lg\@phablet
    {
        margin-bottom: 8rem !important;
    }
    .u-margin-bottom--none\@phablet
    {
        margin-bottom: 0 !important;
    }
    .u-margin-right\@phablet
    {
        margin-right: 4rem !important;
    }
    .u-margin-right--sm\@phablet
    {
        margin-right: 2rem !important;
    }
    .u-margin-right--md\@phablet
    {
        margin-right: 4rem !important;
    }
    .u-margin-right--lg\@phablet
    {
        margin-right: 8rem !important;
    }
    .u-margin-right--none\@phablet
    {
        margin-right: 0 !important;
    }
    .u-margin-left\@phablet
    {
        margin-left: 4rem !important;
    }
    .u-margin-left--sm\@phablet
    {
        margin-left: 2rem !important;
    }
    .u-margin-left--md\@phablet
    {
        margin-left: 4rem !important;
    }
    .u-margin-left--lg\@phablet
    {
        margin-left: 8rem !important;
    }
    .u-margin-left--none\@phablet
    {
        margin-left: 0 !important;
    }
    .u-margin-vertical\@phablet
    {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }
    .u-margin-vertical--sm\@phablet
    {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }
    .u-margin-vertical--md\@phablet
    {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }
    .u-margin-vertical--lg\@phablet
    {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important;
    }
    .u-margin-vertical--none\@phablet
    {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .u-margin-horizontal\@phablet
    {
        margin-right: 4rem !important; 
        margin-left: 4rem !important;
    }
    .u-margin-horizontal--sm\@phablet
    {
        margin-right: 2rem !important; 
        margin-left: 2rem !important;
    }
    .u-margin-horizontal--md\@phablet
    {
        margin-right: 4rem !important; 
        margin-left: 4rem !important;
    }
    .u-margin-horizontal--lg\@phablet
    {
        margin-right: 8rem !important; 
        margin-left: 8rem !important;
    }
    .u-margin-horizontal--none\@phablet
    {
        margin-right: 0 !important; 
        margin-left: 0 !important;
    }
    .u-padding\@phablet
    {
        padding: 4rem !important;
    }
    .u-padding--sm\@phablet
    {
        padding: 2rem !important;
    }
    .u-padding--md\@phablet
    {
        padding: 4rem !important;
    }
    .u-padding--lg\@phablet
    {
        padding: 8rem !important;
    }
    .u-padding--none\@phablet
    {
        padding: 0 !important;
    }
    .u-padding-top\@phablet
    {
        padding-top: 4rem !important;
    }
    .u-padding-top--sm\@phablet
    {
        padding-top: 2rem !important;
    }
    .u-padding-top--md\@phablet
    {
        padding-top: 4rem !important;
    }
    .u-padding-top--lg\@phablet
    {
        padding-top: 8rem !important;
    }
    .u-padding-top--none\@phablet
    {
        padding-top: 0 !important;
    }
    .u-padding-bottom\@phablet
    {
        padding-bottom: 4rem !important;
    }
    .u-padding-bottom--sm\@phablet
    {
        padding-bottom: 2rem !important;
    }
    .u-padding-bottom--md\@phablet
    {
        padding-bottom: 4rem !important;
    }
    .u-padding-bottom--lg\@phablet
    {
        padding-bottom: 8rem !important;
    }
    .u-padding-bottom--none\@phablet
    {
        padding-bottom: 0 !important;
    }
    .u-padding-right\@phablet
    {
        padding-right: 4rem !important;
    }
    .u-padding-right--sm\@phablet
    {
        padding-right: 2rem !important;
    }
    .u-padding-right--md\@phablet
    {
        padding-right: 4rem !important;
    }
    .u-padding-right--lg\@phablet
    {
        padding-right: 8rem !important;
    }
    .u-padding-right--none\@phablet
    {
        padding-right: 0 !important;
    }
    .u-padding-left\@phablet
    {
        padding-left: 4rem !important;
    }
    .u-padding-left--sm\@phablet
    {
        padding-left: 2rem !important;
    }
    .u-padding-left--md\@phablet
    {
        padding-left: 4rem !important;
    }
    .u-padding-left--lg\@phablet
    {
        padding-left: 8rem !important;
    }
    .u-padding-left--none\@phablet
    {
        padding-left: 0 !important;
    }
    .u-padding-vertical\@phablet
    {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }
    .u-padding-vertical--sm\@phablet
    {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
    .u-padding-vertical--md\@phablet
    {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }
    .u-padding-vertical--lg\@phablet
    {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important;
    }
    .u-padding-vertical--none\@phablet
    {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .u-padding-horizontal\@phablet
    {
        padding-right: 4rem !important; 
        padding-left: 4rem !important;
    }
    .u-padding-horizontal--sm\@phablet
    {
        padding-right: 2rem !important; 
        padding-left: 2rem !important;
    }
    .u-padding-horizontal--md\@phablet
    {
        padding-right: 4rem !important; 
        padding-left: 4rem !important;
    }
    .u-padding-horizontal--lg\@phablet
    {
        padding-right: 8rem !important; 
        padding-left: 8rem !important;
    }
    .u-padding-horizontal--none\@phablet
    {
        padding-right: 0 !important; 
        padding-left: 0 !important;
    }
}

@media (max-width: 29.99em)
{
    .u-margin\@mobile
    {
        margin: 4rem !important;
    }
    .u-margin--sm\@mobile
    {
        margin: 2rem !important;
    }
    .u-margin--md\@mobile
    {
        margin: 4rem !important;
    }
    .u-margin--lg\@mobile
    {
        margin: 8rem !important;
    }
    .u-margin--none\@mobile
    {
        margin: 0 !important;
    }
    .u-margin-top\@mobile
    {
        margin-top: 4rem !important;
    }
    .u-margin-top--sm\@mobile
    {
        margin-top: 2rem !important;
    }
    .u-margin-top--md\@mobile
    {
        margin-top: 4rem !important;
    }
    .u-margin-top--lg\@mobile
    {
        margin-top: 8rem !important;
    }
    .u-margin-top--none\@mobile
    {
        margin-top: 0 !important;
    }
    .u-margin-bottom\@mobile
    {
        margin-bottom: 4rem !important;
    }
    .u-margin-bottom--sm\@mobile
    {
        margin-bottom: 2rem !important;
    }
    .u-margin-bottom--md\@mobile
    {
        margin-bottom: 4rem !important;
    }
    .u-margin-bottom--lg\@mobile
    {
        margin-bottom: 8rem !important;
    }
    .u-margin-bottom--none\@mobile
    {
        margin-bottom: 0 !important;
    }
    .u-margin-right\@mobile
    {
        margin-right: 4rem !important;
    }
    .u-margin-right--sm\@mobile
    {
        margin-right: 2rem !important;
    }
    .u-margin-right--md\@mobile
    {
        margin-right: 4rem !important;
    }
    .u-margin-right--lg\@mobile
    {
        margin-right: 8rem !important;
    }
    .u-margin-right--none\@mobile
    {
        margin-right: 0 !important;
    }
    .u-margin-left\@mobile
    {
        margin-left: 4rem !important;
    }
    .u-margin-left--sm\@mobile
    {
        margin-left: 2rem !important;
    }
    .u-margin-left--md\@mobile
    {
        margin-left: 4rem !important;
    }
    .u-margin-left--lg\@mobile
    {
        margin-left: 8rem !important;
    }
    .u-margin-left--none\@mobile
    {
        margin-left: 0 !important;
    }
    .u-margin-vertical\@mobile
    {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }
    .u-margin-vertical--sm\@mobile
    {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }
    .u-margin-vertical--md\@mobile
    {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }
    .u-margin-vertical--lg\@mobile
    {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important;
    }
    .u-margin-vertical--none\@mobile
    {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .u-margin-horizontal\@mobile
    {
        margin-right: 4rem !important; 
        margin-left: 4rem !important;
    }
    .u-margin-horizontal--sm\@mobile
    {
        margin-right: 2rem !important; 
        margin-left: 2rem !important;
    }
    .u-margin-horizontal--md\@mobile
    {
        margin-right: 4rem !important; 
        margin-left: 4rem !important;
    }
    .u-margin-horizontal--lg\@mobile
    {
        margin-right: 8rem !important; 
        margin-left: 8rem !important;
    }
    .u-margin-horizontal--none\@mobile
    {
        margin-right: 0 !important; 
        margin-left: 0 !important;
    }
    .u-padding\@mobile
    {
        padding: 4rem !important;
    }
    .u-padding--sm\@mobile
    {
        padding: 2rem !important;
    }
    .u-padding--md\@mobile
    {
        padding: 4rem !important;
    }
    .u-padding--lg\@mobile
    {
        padding: 8rem !important;
    }
    .u-padding--none\@mobile
    {
        padding: 0 !important;
    }
    .u-padding-top\@mobile
    {
        padding-top: 4rem !important;
    }
    .u-padding-top--sm\@mobile
    {
        padding-top: 2rem !important;
    }
    .u-padding-top--md\@mobile
    {
        padding-top: 4rem !important;
    }
    .u-padding-top--lg\@mobile
    {
        padding-top: 8rem !important;
    }
    .u-padding-top--none\@mobile
    {
        padding-top: 0 !important;
    }
    .u-padding-bottom\@mobile
    {
        padding-bottom: 4rem !important;
    }
    .u-padding-bottom--sm\@mobile
    {
        padding-bottom: 2rem !important;
    }
    .u-padding-bottom--md\@mobile
    {
        padding-bottom: 4rem !important;
    }
    .u-padding-bottom--lg\@mobile
    {
        padding-bottom: 8rem !important;
    }
    .u-padding-bottom--none\@mobile
    {
        padding-bottom: 0 !important;
    }
    .u-padding-right\@mobile
    {
        padding-right: 4rem !important;
    }
    .u-padding-right--sm\@mobile
    {
        padding-right: 2rem !important;
    }
    .u-padding-right--md\@mobile
    {
        padding-right: 4rem !important;
    }
    .u-padding-right--lg\@mobile
    {
        padding-right: 8rem !important;
    }
    .u-padding-right--none\@mobile
    {
        padding-right: 0 !important;
    }
    .u-padding-left\@mobile
    {
        padding-left: 4rem !important;
    }
    .u-padding-left--sm\@mobile
    {
        padding-left: 2rem !important;
    }
    .u-padding-left--md\@mobile
    {
        padding-left: 4rem !important;
    }
    .u-padding-left--lg\@mobile
    {
        padding-left: 8rem !important;
    }
    .u-padding-left--none\@mobile
    {
        padding-left: 0 !important;
    }
    .u-padding-vertical\@mobile
    {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }
    .u-padding-vertical--sm\@mobile
    {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
    .u-padding-vertical--md\@mobile
    {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }
    .u-padding-vertical--lg\@mobile
    {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important;
    }
    .u-padding-vertical--none\@mobile
    {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .u-padding-horizontal\@mobile
    {
        padding-right: 4rem !important; 
        padding-left: 4rem !important;
    }
    .u-padding-horizontal--sm\@mobile
    {
        padding-right: 2rem !important; 
        padding-left: 2rem !important;
    }
    .u-padding-horizontal--md\@mobile
    {
        padding-right: 4rem !important; 
        padding-left: 4rem !important;
    }
    .u-padding-horizontal--lg\@mobile
    {
        padding-right: 8rem !important; 
        padding-left: 8rem !important;
    }
    .u-padding-horizontal--none\@mobile
    {
        padding-right: 0 !important; 
        padding-left: 0 !important;
    }
}

@media (max-width: 23.115em)
{
    .u-margin\@mobilesmall
    {
        margin: 4rem !important;
    }
    .u-margin--sm\@mobilesmall
    {
        margin: 2rem !important;
    }
    .u-margin--md\@mobilesmall
    {
        margin: 4rem !important;
    }
    .u-margin--lg\@mobilesmall
    {
        margin: 8rem !important;
    }
    .u-margin--none\@mobilesmall
    {
        margin: 0 !important;
    }
    .u-margin-top\@mobilesmall
    {
        margin-top: 4rem !important;
    }
    .u-margin-top--sm\@mobilesmall
    {
        margin-top: 2rem !important;
    }
    .u-margin-top--md\@mobilesmall
    {
        margin-top: 4rem !important;
    }
    .u-margin-top--lg\@mobilesmall
    {
        margin-top: 8rem !important;
    }
    .u-margin-top--none\@mobilesmall
    {
        margin-top: 0 !important;
    }
    .u-margin-bottom\@mobilesmall
    {
        margin-bottom: 4rem !important;
    }
    .u-margin-bottom--sm\@mobilesmall
    {
        margin-bottom: 2rem !important;
    }
    .u-margin-bottom--md\@mobilesmall
    {
        margin-bottom: 4rem !important;
    }
    .u-margin-bottom--lg\@mobilesmall
    {
        margin-bottom: 8rem !important;
    }
    .u-margin-bottom--none\@mobilesmall
    {
        margin-bottom: 0 !important;
    }
    .u-margin-right\@mobilesmall
    {
        margin-right: 4rem !important;
    }
    .u-margin-right--sm\@mobilesmall
    {
        margin-right: 2rem !important;
    }
    .u-margin-right--md\@mobilesmall
    {
        margin-right: 4rem !important;
    }
    .u-margin-right--lg\@mobilesmall
    {
        margin-right: 8rem !important;
    }
    .u-margin-right--none\@mobilesmall
    {
        margin-right: 0 !important;
    }
    .u-margin-left\@mobilesmall
    {
        margin-left: 4rem !important;
    }
    .u-margin-left--sm\@mobilesmall
    {
        margin-left: 2rem !important;
    }
    .u-margin-left--md\@mobilesmall
    {
        margin-left: 4rem !important;
    }
    .u-margin-left--lg\@mobilesmall
    {
        margin-left: 8rem !important;
    }
    .u-margin-left--none\@mobilesmall
    {
        margin-left: 0 !important;
    }
    .u-margin-vertical\@mobilesmall
    {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }
    .u-margin-vertical--sm\@mobilesmall
    {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }
    .u-margin-vertical--md\@mobilesmall
    {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }
    .u-margin-vertical--lg\@mobilesmall
    {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important;
    }
    .u-margin-vertical--none\@mobilesmall
    {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .u-margin-horizontal\@mobilesmall
    {
        margin-right: 4rem !important; 
        margin-left: 4rem !important;
    }
    .u-margin-horizontal--sm\@mobilesmall
    {
        margin-right: 2rem !important; 
        margin-left: 2rem !important;
    }
    .u-margin-horizontal--md\@mobilesmall
    {
        margin-right: 4rem !important; 
        margin-left: 4rem !important;
    }
    .u-margin-horizontal--lg\@mobilesmall
    {
        margin-right: 8rem !important; 
        margin-left: 8rem !important;
    }
    .u-margin-horizontal--none\@mobilesmall
    {
        margin-right: 0 !important; 
        margin-left: 0 !important;
    }
    .u-padding\@mobilesmall
    {
        padding: 4rem !important;
    }
    .u-padding--sm\@mobilesmall
    {
        padding: 2rem !important;
    }
    .u-padding--md\@mobilesmall
    {
        padding: 4rem !important;
    }
    .u-padding--lg\@mobilesmall
    {
        padding: 8rem !important;
    }
    .u-padding--none\@mobilesmall
    {
        padding: 0 !important;
    }
    .u-padding-top\@mobilesmall
    {
        padding-top: 4rem !important;
    }
    .u-padding-top--sm\@mobilesmall
    {
        padding-top: 2rem !important;
    }
    .u-padding-top--md\@mobilesmall
    {
        padding-top: 4rem !important;
    }
    .u-padding-top--lg\@mobilesmall
    {
        padding-top: 8rem !important;
    }
    .u-padding-top--none\@mobilesmall
    {
        padding-top: 0 !important;
    }
    .u-padding-bottom\@mobilesmall
    {
        padding-bottom: 4rem !important;
    }
    .u-padding-bottom--sm\@mobilesmall
    {
        padding-bottom: 2rem !important;
    }
    .u-padding-bottom--md\@mobilesmall
    {
        padding-bottom: 4rem !important;
    }
    .u-padding-bottom--lg\@mobilesmall
    {
        padding-bottom: 8rem !important;
    }
    .u-padding-bottom--none\@mobilesmall
    {
        padding-bottom: 0 !important;
    }
    .u-padding-right\@mobilesmall
    {
        padding-right: 4rem !important;
    }
    .u-padding-right--sm\@mobilesmall
    {
        padding-right: 2rem !important;
    }
    .u-padding-right--md\@mobilesmall
    {
        padding-right: 4rem !important;
    }
    .u-padding-right--lg\@mobilesmall
    {
        padding-right: 8rem !important;
    }
    .u-padding-right--none\@mobilesmall
    {
        padding-right: 0 !important;
    }
    .u-padding-left\@mobilesmall
    {
        padding-left: 4rem !important;
    }
    .u-padding-left--sm\@mobilesmall
    {
        padding-left: 2rem !important;
    }
    .u-padding-left--md\@mobilesmall
    {
        padding-left: 4rem !important;
    }
    .u-padding-left--lg\@mobilesmall
    {
        padding-left: 8rem !important;
    }
    .u-padding-left--none\@mobilesmall
    {
        padding-left: 0 !important;
    }
    .u-padding-vertical\@mobilesmall
    {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }
    .u-padding-vertical--sm\@mobilesmall
    {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
    .u-padding-vertical--md\@mobilesmall
    {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }
    .u-padding-vertical--lg\@mobilesmall
    {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important;
    }
    .u-padding-vertical--none\@mobilesmall
    {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .u-padding-horizontal\@mobilesmall
    {
        padding-right: 4rem !important; 
        padding-left: 4rem !important;
    }
    .u-padding-horizontal--sm\@mobilesmall
    {
        padding-right: 2rem !important; 
        padding-left: 2rem !important;
    }
    .u-padding-horizontal--md\@mobilesmall
    {
        padding-right: 4rem !important; 
        padding-left: 4rem !important;
    }
    .u-padding-horizontal--lg\@mobilesmall
    {
        padding-right: 8rem !important; 
        padding-left: 8rem !important;
    }
    .u-padding-horizontal--none\@mobilesmall
    {
        padding-right: 0 !important; 
        padding-left: 0 !important;
    }
}

/**
 * Center an element with the site margins.
 */
.u-centered
{
    max-width: 128rem;
    margin-right: auto !important;
    margin-left: auto !important; 
    padding-right: 2rem;
    padding-left: 2rem;
}

.u-margin--auto
{
    margin: auto !important;
}

/* ==========================================================================
   VISIBILITY
   ========================================================================== */
/**
  * Attach the hidden mixin to a utility class.
  */
.u-hidden
{
    display: none !important;
    visibility: hidden !important;
}

/**
  * Attach the hidden-visually mixin to a utility class.
  */
.u-hidden-visually
{
    position: absolute !important;

    overflow: hidden !important;
    clip: rect(.1rem, .1rem, .1rem, .1rem) !important;

    width: .1rem !important;
    height: .1rem !important;
    padding: 0 !important;

    white-space: nowrap !important;

    border: 0 !important;

    -webkit-clip-path: inset(50%) !important;
            clip-path: inset(50%) !important;
    /* [1] */
    /*
   * Extends the .visually-hidden class to allow the element
   * to be focusable when navigated to via the keyboard:
   * https://www.drupal.org/node/897638
   */
}
.u-hidden-visually.is-focusable:active,
.u-hidden-visually.is-focusable:focus
{
    position: static !important;

    overflow: visible !important;
    clip: auto !important;

    width: auto !important;
    height: auto !important;
    margin: 0 !important;

    white-space: inherit !important;
}

/**
  * Attach the hidden-text mixin to a utility class.
  */
.u-hidden-text
{
    overflow: hidden !important;

    white-space: nowrap !important; 
    text-indent: 100% !important;
}

/**
  * Attache the visible mixin.
  */
.u-visible
{
    display: block !important;
    visibility: visible !important;
}

/**
* Automatically generate visibility classes for each of our
 * defined breakpoints, and give them a Responsive Suffix, e.g.:
 *
 * <div class="u-hidden@phablet">
 */
@media (max-width: 99.99em)
{
    /**
  * Attach the hidden mixin to a utility class.
  */
    .u-hidden\@wide
    {
        display: none !important;
        visibility: hidden !important;
    }
    /**
  * Attach the hidden-visually mixin to a utility class.
  */
    .u-hidden-visually\@wide
    {
        position: absolute !important;

        overflow: hidden !important;
        clip: rect(.1rem, .1rem, .1rem, .1rem) !important;

        width: .1rem !important;
        height: .1rem !important;
        padding: 0 !important;

        white-space: nowrap !important;

        border: 0 !important;

        -webkit-clip-path: inset(50%) !important;
                clip-path: inset(50%) !important;
        /* [1] */
        /*
   * Extends the .visually-hidden class to allow the element
   * to be focusable when navigated to via the keyboard:
   * https://www.drupal.org/node/897638
   */
    }
    .u-hidden-visually\@wide.is-focusable:active,
    .u-hidden-visually\@wide.is-focusable:focus
    {
        position: static !important;

        overflow: visible !important;
        clip: auto !important;

        width: auto !important;
        height: auto !important;
        margin: 0 !important;

        white-space: inherit !important;
    }
    /**
  * Attach the hidden-text mixin to a utility class.
  */
    .u-hidden-text\@wide
    {
        overflow: hidden !important;

        white-space: nowrap !important; 
        text-indent: 100% !important;
    }
    /**
  * Attache the visible mixin.
  */
    .u-visible\@wide
    {
        display: block !important;
        visibility: visible !important;
    }
}

@media (max-width: 87.49em)
{
    /**
  * Attach the hidden mixin to a utility class.
  */
    .u-hidden\@desktop
    {
        display: none !important;
        visibility: hidden !important;
    }
    /**
  * Attach the hidden-visually mixin to a utility class.
  */
    .u-hidden-visually\@desktop
    {
        position: absolute !important;

        overflow: hidden !important;
        clip: rect(.1rem, .1rem, .1rem, .1rem) !important;

        width: .1rem !important;
        height: .1rem !important;
        padding: 0 !important;

        white-space: nowrap !important;

        border: 0 !important;

        -webkit-clip-path: inset(50%) !important;
                clip-path: inset(50%) !important;
        /* [1] */
        /*
   * Extends the .visually-hidden class to allow the element
   * to be focusable when navigated to via the keyboard:
   * https://www.drupal.org/node/897638
   */
    }
    .u-hidden-visually\@desktop.is-focusable:active,
    .u-hidden-visually\@desktop.is-focusable:focus
    {
        position: static !important;

        overflow: visible !important;
        clip: auto !important;

        width: auto !important;
        height: auto !important;
        margin: 0 !important;

        white-space: inherit !important;
    }
    /**
  * Attach the hidden-text mixin to a utility class.
  */
    .u-hidden-text\@desktop
    {
        overflow: hidden !important;

        white-space: nowrap !important; 
        text-indent: 100% !important;
    }
    /**
  * Attache the visible mixin.
  */
    .u-visible\@desktop
    {
        display: block !important;
        visibility: visible !important;
    }
}

@media (max-width: 79.99em)
{
    /**
  * Attach the hidden mixin to a utility class.
  */
    .u-hidden\@laptop
    {
        display: none !important;
        visibility: hidden !important;
    }
    /**
  * Attach the hidden-visually mixin to a utility class.
  */
    .u-hidden-visually\@laptop
    {
        position: absolute !important;

        overflow: hidden !important;
        clip: rect(.1rem, .1rem, .1rem, .1rem) !important;

        width: .1rem !important;
        height: .1rem !important;
        padding: 0 !important;

        white-space: nowrap !important;

        border: 0 !important;

        -webkit-clip-path: inset(50%) !important;
                clip-path: inset(50%) !important;
        /* [1] */
        /*
   * Extends the .visually-hidden class to allow the element
   * to be focusable when navigated to via the keyboard:
   * https://www.drupal.org/node/897638
   */
    }
    .u-hidden-visually\@laptop.is-focusable:active,
    .u-hidden-visually\@laptop.is-focusable:focus
    {
        position: static !important;

        overflow: visible !important;
        clip: auto !important;

        width: auto !important;
        height: auto !important;
        margin: 0 !important;

        white-space: inherit !important;
    }
    /**
  * Attach the hidden-text mixin to a utility class.
  */
    .u-hidden-text\@laptop
    {
        overflow: hidden !important;

        white-space: nowrap !important; 
        text-indent: 100% !important;
    }
    /**
  * Attache the visible mixin.
  */
    .u-visible\@laptop
    {
        display: block !important;
        visibility: visible !important;
    }
}

@media (max-width: 63.99em)
{
    /**
  * Attach the hidden mixin to a utility class.
  */
    .u-hidden\@tablet
    {
        display: none !important;
        visibility: hidden !important;
    }
    /**
  * Attach the hidden-visually mixin to a utility class.
  */
    .u-hidden-visually\@tablet
    {
        position: absolute !important;

        overflow: hidden !important;
        clip: rect(.1rem, .1rem, .1rem, .1rem) !important;

        width: .1rem !important;
        height: .1rem !important;
        padding: 0 !important;

        white-space: nowrap !important;

        border: 0 !important;

        -webkit-clip-path: inset(50%) !important;
                clip-path: inset(50%) !important;
        /* [1] */
        /*
   * Extends the .visually-hidden class to allow the element
   * to be focusable when navigated to via the keyboard:
   * https://www.drupal.org/node/897638
   */
    }
    .u-hidden-visually\@tablet.is-focusable:active,
    .u-hidden-visually\@tablet.is-focusable:focus
    {
        position: static !important;

        overflow: visible !important;
        clip: auto !important;

        width: auto !important;
        height: auto !important;
        margin: 0 !important;

        white-space: inherit !important;
    }
    /**
  * Attach the hidden-text mixin to a utility class.
  */
    .u-hidden-text\@tablet
    {
        overflow: hidden !important;

        white-space: nowrap !important; 
        text-indent: 100% !important;
    }
    /**
  * Attache the visible mixin.
  */
    .u-visible\@tablet
    {
        display: block !important;
        visibility: visible !important;
    }
}

@media (max-width: 47.99em)
{
    /**
  * Attach the hidden mixin to a utility class.
  */
    .u-hidden\@phablet
    {
        display: none !important;
        visibility: hidden !important;
    }
    /**
  * Attach the hidden-visually mixin to a utility class.
  */
    .u-hidden-visually\@phablet
    {
        position: absolute !important;

        overflow: hidden !important;
        clip: rect(.1rem, .1rem, .1rem, .1rem) !important;

        width: .1rem !important;
        height: .1rem !important;
        padding: 0 !important;

        white-space: nowrap !important;

        border: 0 !important;

        -webkit-clip-path: inset(50%) !important;
                clip-path: inset(50%) !important;
        /* [1] */
        /*
   * Extends the .visually-hidden class to allow the element
   * to be focusable when navigated to via the keyboard:
   * https://www.drupal.org/node/897638
   */
    }
    .u-hidden-visually\@phablet.is-focusable:active,
    .u-hidden-visually\@phablet.is-focusable:focus
    {
        position: static !important;

        overflow: visible !important;
        clip: auto !important;

        width: auto !important;
        height: auto !important;
        margin: 0 !important;

        white-space: inherit !important;
    }
    /**
  * Attach the hidden-text mixin to a utility class.
  */
    .u-hidden-text\@phablet
    {
        overflow: hidden !important;

        white-space: nowrap !important; 
        text-indent: 100% !important;
    }
    /**
  * Attache the visible mixin.
  */
    .u-visible\@phablet
    {
        display: block !important;
        visibility: visible !important;
    }
}

@media (max-width: 29.99em)
{
    /**
  * Attach the hidden mixin to a utility class.
  */
    .u-hidden\@mobile
    {
        display: none !important;
        visibility: hidden !important;
    }
    /**
  * Attach the hidden-visually mixin to a utility class.
  */
    .u-hidden-visually\@mobile
    {
        position: absolute !important;

        overflow: hidden !important;
        clip: rect(.1rem, .1rem, .1rem, .1rem) !important;

        width: .1rem !important;
        height: .1rem !important;
        padding: 0 !important;

        white-space: nowrap !important;

        border: 0 !important;

        -webkit-clip-path: inset(50%) !important;
                clip-path: inset(50%) !important;
        /* [1] */
        /*
   * Extends the .visually-hidden class to allow the element
   * to be focusable when navigated to via the keyboard:
   * https://www.drupal.org/node/897638
   */
    }
    .u-hidden-visually\@mobile.is-focusable:active,
    .u-hidden-visually\@mobile.is-focusable:focus
    {
        position: static !important;

        overflow: visible !important;
        clip: auto !important;

        width: auto !important;
        height: auto !important;
        margin: 0 !important;

        white-space: inherit !important;
    }
    /**
  * Attach the hidden-text mixin to a utility class.
  */
    .u-hidden-text\@mobile
    {
        overflow: hidden !important;

        white-space: nowrap !important; 
        text-indent: 100% !important;
    }
    /**
  * Attache the visible mixin.
  */
    .u-visible\@mobile
    {
        display: block !important;
        visibility: visible !important;
    }
}

@media (max-width: 23.115em)
{
    /**
  * Attach the hidden mixin to a utility class.
  */
    .u-hidden\@mobilesmall
    {
        display: none !important;
        visibility: hidden !important;
    }
    /**
  * Attach the hidden-visually mixin to a utility class.
  */
    .u-hidden-visually\@mobilesmall
    {
        position: absolute !important;

        overflow: hidden !important;
        clip: rect(.1rem, .1rem, .1rem, .1rem) !important;

        width: .1rem !important;
        height: .1rem !important;
        padding: 0 !important;

        white-space: nowrap !important;

        border: 0 !important;

        -webkit-clip-path: inset(50%) !important;
                clip-path: inset(50%) !important;
        /* [1] */
        /*
   * Extends the .visually-hidden class to allow the element
   * to be focusable when navigated to via the keyboard:
   * https://www.drupal.org/node/897638
   */
    }
    .u-hidden-visually\@mobilesmall.is-focusable:active,
    .u-hidden-visually\@mobilesmall.is-focusable:focus
    {
        position: static !important;

        overflow: visible !important;
        clip: auto !important;

        width: auto !important;
        height: auto !important;
        margin: 0 !important;

        white-space: inherit !important;
    }
    /**
  * Attach the hidden-text mixin to a utility class.
  */
    .u-hidden-text\@mobilesmall
    {
        overflow: hidden !important;

        white-space: nowrap !important; 
        text-indent: 100% !important;
    }
    /**
  * Attache the visible mixin.
  */
    .u-visible\@mobilesmall
    {
        display: block !important;
        visibility: visible !important;
    }
}

/* ==========================================================================
  #COLORS
  ========================================================================== */
/*
---
name: Color
category: Utilities
---
 
Automatically generate text color utilities class for each of our defined contrib colors.

ex :
 
```html
<div class="u-color--primary">
```
*/
.u-color--primary
{
    color: #141d29 !important;
}

.u-color--secondary
{
    color: #255b8e !important;
}

.u-color--accent
{
    color: #ed7771 !important;
}

.u-color--warning
{
    color: #c6541c !important;
}

.u-color--error
{
    color: #de383a !important;
}

.u-color--white
{
    color: #fff !important;
}

.u-color--grey
{
    color: #84899f !important;
}

.u-color--grey-darker
{
    color: #525668 !important;
}

.u-color--black
{
    color: #000 !important;
}

/* ==========================================================================
  BACKGROUND
  ========================================================================== */
/*
---
name: Background
category: Utilities
---

Automatically generate background-color utilities class for each of our defined contrib colors.
ex :

```html
<div class="u-bg--primary">
```
*/
.u-bg--primary
{
    background-color: #141d29 !important;
}

.u-bg--secondary
{
    background-color: #255b8e !important;
}

.u-bg--accent
{
    background-color: #ed7771 !important;
}

.u-bg--warning
{
    background-color: #c6541c !important;
}

.u-bg--error
{
    background-color: #de383a !important;
}

.u-bg--white
{
    background-color: #fff !important;
}

.u-bg--grey
{
    background-color: #84899f !important;
}

.u-bg--grey-darker
{
    background-color: #525668 !important;
}

.u-bg--black
{
    background-color: #000 !important;
}

.u-bg--white
{
    width: 100%;
    height: 100%; 

    background-color: #fff;
}

.u-bg--light
{
    width: 100%;
    height: 100%; 

    background-color: #f9fafc;
}
.interview .u-bg--light
{
    height: auto;
}

.u-bg--blue-lightest
{
    width: 100%;
    height: 100%; 

    background-color: #eff8ff;
}

.u-bg--darken-light
{
    width: 100%;
    height: 100%; 

    background-color: #e7eaf2;
}

.u-bg--opac-blue
{
    width: 100%;
    height: 100%; 

    background-color: rgba(142, 172, 230, .1);
}

.u-bg--primary-dark
{
    width: 100%;
    height: 100%; 

    background-color: #112652;
}

.u-bg--dark
{
    width: 100%;
    height: 100%; 

    background-color: #02143a;
}

.u-bg--darken-dark
{
    width: 100%;
    height: 100%; 

    background-color: #070e1d;
}

.u-bg--dark-linear
{
    width: 100%;
    height: 100%; 

    background: linear-gradient(50deg, #02143a 0%, #070e1d 100%);
}

.u-bg--blue
{
    width: 100%;
    height: 100%; 

    background-color: #112652;
}

.u-bg--dark-blue-flat
{
    width: 100%;
    height: 100%; 

    background-color: #021439;
}

.u-bg--linear-gradient-dark
{
    width: 100%;
    height: 100%; 

    background: linear-gradient(180deg, #112753 0%, #070e1d 100%);
}

.u-bg--linear-gradient-darkest
{
    width: 100%;
    height: 100%; 

    background: linear-gradient(180deg, #070f1d 10%, #11203e 100%);
}

.u-bg--gradient-darkest
{
    width: 100%;
    height: 100%; 

    background: #11203e;
}

.u-bg--responsive-dark-bg
{
    background: linear-gradient(180deg, #112753 0%, #070e1d 100%);
}
@media (max-width: 63.99em)
{
    .u-bg--responsive-dark-bg
    {
        background: #112652;
    }
}

.u-bg--white-responsive-light
{
    background: #fff;
}
@media (max-width: 63.99em)
{
    .u-bg--white-responsive-light
    {
        background: #f9fafc;
    }
}

.u-bg--dark-blue-bg
{
    width: 100%;
    height: 100%; 

    background: #112753;
}

.u-bg--dark-header
{
    width: 100%;
    height: 100%; 

    background-color: rgba(27, 29, 39, .97);
}

.u-bg--dark-grey-op
{
    background-color: #3b3e4d;
}

.u-bg--darker-grey
{
    background-color: #23242e;
}

.u-bg--dark-grey
{
    background-color: rgba(142, 172, 230, .1);
}

.u-bg--dark-grey-carbon
{
    background-color: #1b1d27;
}

.u-bg--dark-grey-light
{
    background-color: #111827;
}

.u-bg--grey-darkest
{
    background-color: #1b1d27;
}

/* ==========================================================================
  TEXT
  ========================================================================== */
/* Font declaration utilities
   ========================================================================== */
.u-text--lg
{
    font-size: 2.2rem !important;
}

.u-text--xl
{
    font-size: 1.8rem !important;
}

.u-text--sm
{
    font-size: 1.2rem !important;
}

/* Text decoration utilities
   ========================================================================== */
.u-text--strike
{
    text-decoration: line-through !important;
}

.u-text--underline
{
    text-decoration: underline !important;
}

.u-text--no-underline
{
    text-decoration: none !important;
}

/* Line-height delcaration utilities
   ========================================================================== */
.u-line-height--xl
{
    line-height: 1.6 !important;
}

.u-line-height--sm
{
    line-height: 1.25 !important;
}

.u-line-height--xs
{
    line-height: 1 !important;
}

/* Text-transform delcaration utilities
   ========================================================================== */
.u-text--transform-none
{
    text-transform: none !important;
}

.u-text--transform-uppercase
{
    text-transform: uppercase !important;
}

/* Font-weight delcaration utilities
   ========================================================================== */
.u-text--light
{
    font-weight: 300;
}

.u-text--normal
{
    font-weight: 400;
}

.u-text--bold
{
    font-weight: 600;
}

/* ==========================================================================
  ALIGN
  ========================================================================== */
.text-center
{
    text-align: center;
}

.u-align--right
{
    text-align: right !important;
}

.u-align--center
{
    text-align: center !important;
}

.u-align--left
{
    text-align: left !important;
}

/*
---
name: Align
category: Utilities
---

Automatically generate spacing classes for each of our defined breakpoints, and give them a Responsive Suffix, e.g.:

```html
<div class="u-align--center@phablet">
```
*/
@media (max-width: 99.99em)
{
    .u-align--right\@wide
    {
        text-align: right !important;
    }
    .u-align--center\@wide
    {
        text-align: center !important;
    }
    .u-align--left\@wide
    {
        text-align: left !important;
    }
}

@media (max-width: 87.49em)
{
    .u-align--right\@desktop
    {
        text-align: right !important;
    }
    .u-align--center\@desktop
    {
        text-align: center !important;
    }
    .u-align--left\@desktop
    {
        text-align: left !important;
    }
}

@media (max-width: 79.99em)
{
    .u-align--right\@laptop
    {
        text-align: right !important;
    }
    .u-align--center\@laptop
    {
        text-align: center !important;
    }
    .u-align--left\@laptop
    {
        text-align: left !important;
    }
}

@media (max-width: 63.99em)
{
    .u-align--right\@tablet
    {
        text-align: right !important;
    }
    .u-align--center\@tablet
    {
        text-align: center !important;
    }
    .u-align--left\@tablet
    {
        text-align: left !important;
    }
}

@media (max-width: 47.99em)
{
    .u-align--right\@phablet
    {
        text-align: right !important;
    }
    .u-align--center\@phablet
    {
        text-align: center !important;
    }
    .u-align--left\@phablet
    {
        text-align: left !important;
    }
}

@media (max-width: 29.99em)
{
    .u-align--right\@mobile
    {
        text-align: right !important;
    }
    .u-align--center\@mobile
    {
        text-align: center !important;
    }
    .u-align--left\@mobile
    {
        text-align: left !important;
    }
}

@media (max-width: 23.115em)
{
    .u-align--right\@mobilesmall
    {
        text-align: right !important;
    }
    .u-align--center\@mobilesmall
    {
        text-align: center !important;
    }
    .u-align--left\@mobilesmall
    {
        text-align: left !important;
    }
}

/* ==========================================================================
   #IMAGES
   ========================================================================== */
/*
 * Fluid image
 *
 * Scale with the parent element.
 */
.u-img--fluid
{
    display: block !important;

    max-width: 100% !important;
    height: auto !important;
}

/*
 * Responsive image
 *
 * Take 100% of his parents.
 */
.u-img--responsive
{
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
}

/* ==========================================================================
   ICONS
   ========================================================================== */
/**
* By default the icons with the class "u-icon" occupy 100%
* of the space of their container.
*/
.u-icon
{
    width: 100% !important;
    height: 100% !important;

    vertical-align: top !important;
}

/* Size variants
   ========================================================================== */
.u-icon--fixed-sm
{
    width: 2rem !important;
    height: 2rem !important;
}

.u-icon--fixed
{
    width: 4rem !important;
    height: 4rem !important;
}

.u-icon--fixed-lg
{
    width: 6rem !important;
    height: 6rem !important;
}

.u-relative
{
    position: relative;
}

.u-absolute
{
    position: absolute;
}

/* ==========================================================================
  BORDER RADIUS
  ========================================================================== */
/*
---
name: Border-radius
category: Utilities
---

Add border radius to elements

```html
<div class=".u-border-radius">
```
*/
.u-border-radius
{
    border-radius: .6rem;
}

/* ==========================================================================
  Dark Background
  ========================================================================== */
/*
---
name: Dark Background
category: Utilities
---

```html
<div class="u-dark-bg"></div>
```
*/
.u-dark-bg
{
    background: linear-gradient(180deg, #070e1d 0%, #112753 100%);
}

/* ==========================================================================
  Rotate
  ========================================================================== */
.u-rotate--180
{
    transform: rotate(180deg);
}

.u-rotate--360
{
    transform: rotate(360deg);
}

.u-rotate--90
{
    transform: rotate(90deg);
}

/* ==========================================================================
  Dark Background
  ========================================================================== */
/*
---
name: Dark Background
category: Utilities
---

```html
<div class="u-dark-bg"></div>
```
*/
.u-dark-bg
{
    background: linear-gradient(180deg, #070e1d 0%, #112753 100%);
}

.u-no-scroll
{
    overflow-y: hidden; 

    height: 100vh;
}

.is-desktop,
.is-desktop-ib,
.form-desktop
{
    display: none;
}

@media (min-width: 64em)
{
    .is-mobile,
    .form-mobile
    {
        display: none;
    }
    .is-desktop,
    .form-desktop
    {
        display: block;
    }
    .is-desktop-ib
    {
        display: inline-block;
    }
}

.d-block
{
    display: block;
}

.sr-only
{
    position: absolute;

    overflow: hidden;
    clip: rect(0, 0, 0, 0);

    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;

    border: 0;
}

/* Fonts icomoon */
/* ==========================================================================
   FONTS
   ========================================================================== */
@font-face
{
    font-family: 'icomoon';
    font-weight: normal;
    font-style: normal;

    src: url('../fonts/icomoon/icomoon.ttf?lerml5') format('truetype'), url('../fonts/icomoon/icomoon.woff?lerml5') format('woff'), url('../fonts/icomoon/icomoon.svg?lerml5#icomoon') format('svg');
    font-display: block;
}

[class^='icon-'],
[class*=' icon-']
{
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    text-transform: none;

    speak: never;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-next1:before
{
    content: '';
}

.icon-facebook:before
{
    content: '';
}

.icon-copy:before
{
    content: '';
}

.icon-internal-link--arrow:before
{
    content: '';
}

.icon-goto:before
{
    content: '';
}

.icon-linkedin:before
{
    content: '';
}

.icon-next:before
{
    content: '';
}

.icon-internal-link--square:before
{
    content: '';
}

.icon-download-arrow:before
{
    content: '';
}

.icon-rss:before
{
    content: '';
}

.icon-stock-down:before
{
    content: '';
}

.icon-stock-up:before
{
    content: '';
}

.icon-twitter:before
{
    content: '';
}

.icon-wechat:before
{
    content: '';
}

.icon-download-bottom:before
{
    content: '';
}

.icon-entities:before
{
    content: '';
}

.icon-youtube:before
{
    content: '';
}

.icon-worldwide:before
{
    content: '';
}

.icon-location:before
{
    content: '';
}

.icon-tags:before
{
    content: '';
}

.icon-fav--empty:before
{
    content: '';
}

.icon-fav--full:before
{
    content: '';
}

.icon-time:before
{
    content: '';
}

.icon-answer-machine-paper:before
{
    content: '';
}

.icon-phone:before
{
    content: '';
}

.icon-send-email:before
{
    content: '';
}

.icon-people:before
{
    content: '';
}

.icon-diploma:before
{
    content: '';
}

.icon-arrow-up:before
{
    content: '';
}

.icon-arrow-down:before
{
    content: '';
}

.icon-pause:before
{
    content: '';
}

.icon-redo:before
{
    content: '';
}

.icon-play_arrow:before
{
    content: '';
}

.icon-file-adobe:before
{
    content: '';
}

.icon-network-arrow:before
{
    content: '';
}

.icon-export:before
{
    content: '';
}

.icon-linkedin:before
{
    content: '';
}

.icon-twitter:before
{
    content: '';
}

.icon-wechat:before
{
    content: '';
}

.icon-download-button-1:before
{
    content: '';
}

.icon-noun_Phone_1697328:before
{
    content: '';
}

.icon-bin-1:before
{
    content: '';
}

.icon-external:before
{
    content: '';
}

.icon-arrow-down-1:before
{
    content: '';
}

.icon-arrowdrop-down:before
{
    content: '';
}

.icon-close1:before
{
    content: '';
}

.icon-contact:before
{
    content: '';
}

.icon-download:before
{
    content: '';
}

.icon-file1:before
{
    content: '';
}

.icon-goto1:before
{
    content: '';
}

.icon-info1:before
{
    content: '';
}

.icon-menu1:before
{
    content: '';
}

.icon-previous:before
{
    content: '';
}

.icon-search1:before
{
    content: '';
}

.icon-user:before
{
    content: '';
}

.icon-instagram:before
{
    content: '';
}

.icon-status:before
{
    content: '';
}

.icon-geoloc:before
{
    content: '';
}

.icon-sphere:before
{
    content: '';
}

.icon-calendar:before
{
    content: '';
}

.icon-prev-podcast
{
    position: relative;
}
.icon-prev-podcast:before
{
    content: '';
}
.icon-prev-podcast:after
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1rem;

    position: absolute;
    top: 80%;
    left: 40%;

    content: '30';
    transform: translate(-50%, -50%);
}
@media (min-width: 87.5em)
{
    .icon-prev-podcast:after
    {
        font-size: 1.3rem;
    }
}

.icon-next-podcast
{
    position: relative;
}
.icon-next-podcast:before
{
    content: '';
}
.icon-next-podcast:after
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1rem;

    position: absolute;
    top: 80%;
    left: 60%;

    content: '30';
    transform: translate(-50%, -50%);
}
@media (min-width: 87.5em)
{
    .icon-next-podcast:after
    {
        font-size: 1.3rem;
    }
}

@font-face
{
    font-family: 'sfweb-icon-font';
    font-weight: normal;
    font-style: normal;

    src: url('../fonts/sfweb-icon/sfweb-icon-font.eot?k6g9t8');
    src: url('../fonts/sfweb-icon/sfweb-icon-font.eot?k6g9t8#iefix') format('embedded-opentype'), url('../fonts/sfweb-icon/sfweb-icon-font.ttf?k6g9t8') format('truetype'), url('../fonts/sfweb-icon/sfweb-icon-font.woff?k6g9t8') format('woff'), url('../fonts/sfweb-icon/sfweb-icon-font.svg?k6g9t8#sfweb-icon-font') format('svg');
    font-display: block;
}

[class^='sfweb-icon-'],
[class*=' sfweb-icon-']
{
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'sfweb-icon-font' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    text-transform: none;

    speak: never;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.sfweb-icon-email:before
{
    content: '\e902';
}

.sfweb-icon-alert-error:before
{
    content: '\e901';
}

.sfweb-icon-information-circle:before
{
    content: '\e900';
}

/* Components */
/* ==========================================================================
   #COMPONENTS
   ========================================================================== */
/**
 * This is where majority of the work takes place. All components are very encapsulated
 * and of course try to avoid any dependencies between components.
 *
 * Classes in this layer are prefix with `c-`.
 */
/* ==========================================================================
   ATOMS
   ========================================================================== */
/* ==========================================================================
   #BUTTONS
   ========================================================================== */
/*
---
name: Button
category: 01 - Atoms
---

Buttons can be used with `<a>`, `<button>`, and `<input>` elements.


Normal
```btn.html
    <button class="c-btn">Support for current clients</button>
```

Primary
```btn-primary.html
    <button class="c-btn c-btn--primary">Any question ?</button>
```

Primary with icon
```btn-primary-icon.html
    <button class="c-btn c-btn--primary c-btn--icon">
      Any question ?
    </button>
```

Secondary
```btn-secondary.html
<button class="c-btn c-btn--secondary">Any question ?</button>
```

Text button
```btn-text-button.html
<button class="c-btn c-btn--text-button">See more</button>
```

Text button vertical
```btn-text-button-vertical.html
<div class="u-bg--dark" style="padding: 2rem">
  <button class="c-btn c-btn--text-button c-btn--text-button--vertical">See more</button>
</div>
```

Large button
```btn-large.html
    <button class="c-btn c-btn--primary c-btn--large">Any question ?</button>
```

Full width button
```btn-full-width.html
    <button class="c-btn c-btn--primary c-btn--full-width">Any question ?</button>
```

See more button
```btn-see-more.html
    <button class="c-btn c-btn--see-more c-btn--full-width">
      See more
    </button>
```

See more button Dark
```btn-see-more-dark.html
    <div class="u-bg--dark" style="padding: 2rem">
      <button class="c-btn c-btn--see-more c-btn--see-more--dark c-btn--full-width">
        See more
      </button>
    </div>
```


Arrow button
```btn-arrow.html
    <button class="c-btn c-btn--arrow-btn">
      See all Safran Electronics & Defense press releases
    </button>
```

Arrow button Dark
```btn-arrow-dark.html
    <div style="background-color: rgb(7, 14, 29);">
      <button class="c-btn c-btn--arrow-btn c-btn--arrow-btn--dark">
        See all Safran Electronics & Defense press releases
      </button>
    </div>
```

Search button
```btn-search.html
    <button class="c-btn c-btn--primary c-btn--search"></button>
```

Bottom up button
```bottom-up.html
    <button class="c-btn c-btn--bottom-up">Back to top</button>
```

Disabled
```btn-disabled.html
    <button class="c-btn c-btn--primary" disabled>Disabled</button>
```

*/
.c-btn
{
    font: inherit;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.23;

    position: relative;

    display: inline-block;
    overflow: hidden;

    margin: 0;
    padding: 2rem 4rem;

    cursor: pointer;
    transition: all 300ms ease-in-out;
    text-align: center;
    vertical-align: middle; 
    text-decoration: none;
    letter-spacing: .28rem;
    text-transform: uppercase;

    color: #fff;
    border: none;
    background: #84899f;
}
.c-btn [class^='icon-'],
.c-btn [class*=' icon-']
{
    margin-right: 1rem;
}
.c-btn__icon
{
    line-height: 0; 

    width: 2.2rem;
    height: auto;
    margin-right: 2rem;
}
.c-btn--large-padding
{
    line-height: 2; 

    padding: 2rem 4rem;
}
.c-btn--document
{
    line-height: 2rem; 

    padding-top: 1.7rem;
    padding-bottom: 1.7rem;
}
.c-btn--x-large-padding
{
    padding: 2rem 6rem;
}
@media (max-width: 47.99em)
{
    .c-btn--x-large-padding
    {
        padding: 2rem 4rem;
    }
}
.c-btn--primary
{
    z-index: 1;

    background: none;
}
.c-btn--primary [class^='icon-'],
.c-btn--primary [class*=' icon-']
{
    color: #fff;
}
.c-btn--primary::after
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    width: 200%;
    height: 100%;

    content: '';
    transition: all 300ms ease-in-out; 
    transform: translateX(-50%);

    background: linear-gradient(45deg, #073a7c 0%, #1767ad 60%, #255b8e 100%);
}
.c-btn--primary:hover
{
    color: #fff;
}
.c-btn--primary:hover:after
{
    transform: translateX(0);
}
.c-btn--primary:focus
{
    color: #fff;
}
.c-btn--primary-input-type-submit
{
    position: relative;
    z-index: 1;

    display: inline-flex;
    overflow: hidden;

    color: #fff; 
    background: none;
}
.c-btn--primary-input-type-submit--input
{
    background: transparent;
}
.c-btn--primary-input-type-submit::after
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    width: 200%;
    height: 100%;

    content: '';
    transition: all 300ms ease-in-out; 
    transform: translateX(-50%);

    background: linear-gradient(45deg, #073a7c 0%, #1767ad 60%, #255b8e 100%);
}
.c-btn--primary-input-type-submit:hover:after
{
    transform: translateX(0);
}
.c-btn--animated-icon .c-btn--animated-icon__text-container
{
    overflow: hidden;

    white-space: nowrap;
    text-overflow: inherit;
}
.c-btn--animated-icon__icon-container
{
    position: relative;

    display: inline-block;

    width: 1.6rem;
    height: 1.8rem;
    margin-right: 2rem;
}
.c-btn--animated-icon__icon-container--download
{
    position: relative;
}
.c-btn--animated-icon__icon-container--download--arrow
{
    font-size: 1.7rem !important;

    position: absolute;
    top: 0rem;
    left: 0;

    height: auto;
}
.c-btn--animated-icon__icon-container--download--bottom
{
    font-size: 1.7rem !important;

    position: absolute;
    bottom: 0;
    left: 0;

    height: auto;
}
.c-btn--animated-icon__icon-container--internal
{
    position: relative;
}
.c-btn--animated-icon__icon-container--internal--arrow
{
    font-size: 1rem !important;

    position: absolute;
    top: .4rem;
    left: -.3rem;

    height: auto;
}
.c-btn--animated-icon__icon-container--internal--square
{
    font-size: 1.7rem !important;

    position: absolute;
    bottom: 0;
    left: 0;

    display: block;

    height: auto;

    transform: rotate(180deg);
}
.c-btn--animated-icon__icon-container--external
{
    position: relative;
}
.c-btn--animated-icon__icon-container--external--arrow
{
    font-size: 1rem !important;

    position: absolute;
    top: .5rem;
    left: .8rem;

    height: auto;
}
.c-btn--animated-icon__icon-container--external--square
{
    font-size: 1.7rem !important;

    position: absolute;
    bottom: 0;
    left: 0;

    display: block;

    height: auto;
}
.c-btn--animated-icon:hover .c-btn--animated-icon__icon-container--download--arrow
{
    animation-name: hvr-icon-drop;
    animation-duration: .7s;
    animation-timing-function: ease-in-out; 
    animation-iteration-count: 1;
}
.c-btn--animated-icon:hover .c-btn--animated-icon__icon-container--external--arrow,
.c-btn--animated-icon:hover .c-btn--animated-icon__icon-container--internal--arrow
{
    animation-name: hvr-icon-go-to;
    animation-duration: .7s;
    animation-timing-function: ease-in-out; 
    animation-iteration-count: 1;
}
.c-btn--reset-filters
{
    padding: 0;
}
.c-btn--reset
{
    display: flex;
    flex-direction: row;

    padding-right: 0;

    color: #073a7c;
    border: none;
    background: none;

    align-items: center;
}
.c-btn--reset input
{
    font: inherit;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.23;

    display: flex;
    flex-direction: row;

    padding-right: 0;
    padding-left: 0;

    cursor: pointer;
    text-align: center;
    text-decoration: none;
    letter-spacing: .28rem;
    text-transform: uppercase; 

    color: #073a7c;
    border: none;
    background: none;

    align-items: center;
}
.c-btn--reset a
{
    font: inherit;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.23;

    display: flex;
    flex-direction: row;

    padding-right: 0;
    padding-left: 0;

    cursor: pointer;
    text-align: center;
    text-decoration: none;
    letter-spacing: .28rem;
    text-transform: uppercase; 

    color: #073a7c;
    border: none;
    background: none;

    align-items: center;
}
.c-btn--reset::before
{
    font-family: 'icomoon' !important;
    font-size: 2.5rem;
    font-weight: normal;

    display: block;

    margin-right: .3rem;
    margin-bottom: .3rem;

    content: '';
    transition: all 300ms ease-in-out;
}
@media (max-width: 48em)
{
    .c-btn--reset::before
    {
        margin-right: 0; 
        margin-bottom: 0;
    }
}
.c-btn--reset:hover::before
{
    transform: rotate(360deg);
}
@media (max-width: 47.99em)
{
    .c-btn--reset:hover::before
    {
        transform: none;
    }
}
.c-btn--reset__icon
{
    width: 1.7rem;
    height: 1.7rem;
    margin-right: 2rem;
    margin-bottom: .3rem;

    transition: all 300ms ease-in-out;
}
.c-btn--reset--hidden
{
    display: none;
}
.c-btn--primary-inverted
{
    display: inline-block;

    color: #235686; 
    border: .1rem solid #235686;
    background-color: transparent;
}
.c-btn--primary-inverted:hover
{
    color: #fff; 
    background-color: #235686;
}
.c-btn--primary-inverted-white
{
    display: inline-block;

    color: #fff; 
    border: .1rem solid #255b8e;
    background-color: transparent;
}
.c-btn--primary-inverted-white:hover
{
    color: #fff; 
    background-color: #255b8e;
}
.c-btn--primary-inverted-white-bg
{
    display: inline-block;

    color: #235686; 
    border: .1rem solid #235686;
    background-color: #fff;
}
.c-btn--primary-inverted-white-bg:hover
{
    color: #fff; 
    background-color: #235686;
}
.c-btn--primary-white-inverted
{
    padding: 1.9rem 4rem;

    color: #fff; 
    border: .1rem solid #525668;
    background-color: transparent;
}
.c-btn--primary-white-inverted:hover,
.c-btn--primary-white-inverted:focus
{
    color: #fff; 
    background-color: #255b8e;
}
.c-btn--secondary
{
    background-color: #84899f;
}
.c-btn--secondary:hover
{
    color: #fff; 
    background-color: #525668;
}
.c-btn--text-button
{
    padding: 2rem;
    padding-left: 6rem;

    white-space: nowrap; 

    color: #255b8e;
    background: none;
}
.c-btn--text-button::before
{
    position: absolute;
    top: 50%;
    left: 0;

    width: 4rem;
    height: .1rem;

    content: '';
    transition: all 300ms ease-in-out; 

    background-color: #84899f;
}
.c-btn--text-button:hover
{
    padding-left: 8rem;

    color: #0f60a7;
}
.c-btn--text-button:hover::before
{
    width: 6rem;
}
.c-btn--text-button--vertical
{
    padding: 0;
    padding-top: 6rem;

    color: #fff;
}
.c-btn--text-button--vertical::before
{
    top: 0;
    left: 50%;

    width: .1rem;
    height: 4rem;

    background-color: #fff;
}
.c-btn--text-button--vertical:hover
{
    padding-top: 8rem;
    padding-left: 0;

    color: #fff;
}
.c-btn--text-button--vertical:hover::before
{
    width: .1rem;
    height: 6rem;
}
.c-btn:disabled,
.c-btn[disabled]
{
    opacity: .6;
}
.c-btn--large
{
    min-width: 38rem;
}
.c-btn--full-width
{
    width: 100%;
}
.c-btn--stretchable
{
    width: 100%;
}
.c-btn--ellipsis
{
    display: flex;

    align-items: center;
    justify-content: center;
}
.c-btn--ellipsis span
{
    overflow: hidden;

    white-space: nowrap; 
    text-overflow: ellipsis;
}
.c-btn--ellipsis .c-btn--animated-icon__icon-container
{
    overflow: visible;
}
.c-btn--arrow-btn
{
    position: relative;

    margin-right: -1.1rem;
    padding-right: 5rem;

    color: #073a7c; 
    background-color: transparent;

    align-items: center;
}
@media (max-width: 47.99em)
{
    .c-btn--arrow-btn
    {
        display: flex;
        flex-direction: column;

        margin-right: 0; 
        padding: 4rem 2rem;
        padding-right: 0;
        padding-left: 0;
    }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
{
    .c-btn--arrow-btn
    {
        line-height: 1.5; 

        display: inline-flex;

        align-items: center;
    }
}
.c-btn--arrow-btn::after
{
    font-family: 'icomoon' !important;
    font-size: 2rem;
    font-weight: 300;

    position: absolute;
    top: calc(50% - 1.2rem);
    right: 1rem;

    display: block;

    content: '';
    transition: all 300ms ease-in-out; 

    color: #073a7c;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
{
    .c-btn--arrow-btn::after
    {
        line-height: .1; 

        position: static;

        display: inline-block;
    }
}
@media (max-width: 47.99em)
{
    .c-btn--arrow-btn::after
    {
        position: relative;
        top: initial;
        right: initial;

        display: block;

        margin-top: .5rem;
    }
}
.c-btn--arrow-btn:hover::after
{
    animation-name: hvr-icon-drop-horizontal;
    animation-duration: .6s;
    animation-timing-function: ease-in-out; 
    animation-iteration-count: 1;
}
.c-btn--arrow-btn--dark
{
    color: #fff;
}
.c-btn--arrow-btn--dark::after
{
    color: #fff;
}
.c-btn--arrow-btn--dark:hover
{
    color: #fff;
}
.c-btn--arrow-btn--white
{
    color: #fff;
}
.c-btn--arrow-btn--white::after
{
    color: #fff;
}
.c-btn--arrow-btn--white:hover
{
    color: #fff;
}
.c-btn--arrow-btn-absolute
{
    position: relative;

    margin-right: -1rem;
    padding-right: 4rem;

    color: #073a7c; 
    background-color: transparent;
}
.c-btn--arrow-btn-absolute::after
{
    font-family: 'icomoon' !important;
    font-size: 2rem;
    font-weight: 300;

    position: absolute;
    top: -.8rem;
    right: 1rem;

    display: block;

    content: '';
    transition: all 300ms ease-in-out; 

    color: #073a7c;
}
.c-btn--arrow-btn-absolute:hover::after
{
    animation-name: hvr-icon-drop-horizontal;
    animation-duration: .6s;
    animation-timing-function: ease-in-out; 
    animation-iteration-count: 1;
}
.c-btn--arrow-btn-absolute--dark
{
    color: #fff;
}
.c-btn--arrow-btn-absolute--dark::after
{
    color: #fff;
}
.c-btn--arrow-btn-absolute--dark:hover
{
    color: #fff;
}
.c-btn--arrow-btn-absolute--white
{
    color: #fff;
}
.c-btn--arrow-btn-absolute--white::after
{
    color: #fff;
}
.c-btn--arrow-btn-absolute--white:hover
{
    color: #fff;
}
.c-btn--search
{
    width: 5.2rem;
    height: 5.2rem;
    padding: 0;
}
.c-btn--search::before
{
    font-family: 'icomoon' !important;
    font-size: 1.6rem; 

    content: '';

    color: #fff;
}
.c-btn--text
{
    width: 5.2rem;
    height: 5.2rem;
    padding: 0;
}
.c-btn--see-more
{
    font-size: 1.6rem;
    font-weight: normal;

    z-index: 1;

    display: flex;
    display: flex;

    letter-spacing: .06rem;
    text-transform: inherit;

    color: #525668;
    border: .1rem solid #ebecf2;
    border-right: none;
    border-left: none;
    background-color: transparent;
    box-shadow: 0 .4rem .7rem 0 rgba(0, 0, 0, .05);

    align-items: flex-end;
    justify-content: center;
    align-items: flex-end;
}
@media (max-width: 47.99em)
{
    .c-btn--see-more
    {
        font-size: 1.4rem;
        line-height: 1.5; 

        min-height: 6.5rem;

        letter-spacing: .05rem;
    }
}
.c-btn--see-more::after
{
    font-family: 'icomoon' !important;
    font-size: .6rem;

    margin-left: 2rem;
    padding-bottom: .4rem; 

    content: '';
    transition: transform .4s;

    color: #525668;

    will-change: transform;
}
@media (max-width: 47.99em)
{
    .c-btn--see-more::after
    {
        margin-left: 1rem;
    }
}
.c-btn--see-more--dark
{
    color: #fff; 
    border: .1rem solid #fff;
}
.c-btn--see-more--dark::after
{
    color: #fff;
}
.c-btn--see-more.open::after
{
    padding-top: .4rem;
    padding-bottom: 0;

    transition: transform .4s; 
    transform: rotate(180deg);
}
.c-btn--see-more.c-button--see-more--no-icon:after
{
    display: none;
}
.c-btn--outline
{
    display: inline-flex;

    padding: 1rem;

    background-color: transparent;
}
.c-btn--bottom-up
{
    font-size: 1.3rem;
    font-weight: 500;

    width: 4rem;
    height: 4rem;
    padding: 0;

    transition: all 300ms ease-in-out; 
    text-transform: initial;

    opacity: 0;
    background: linear-gradient(45deg, #073a7c 0%, #1767ad 60%, #255b8e 100%);
    box-shadow: 0 1.4rem 1.2rem 0 rgba(37, 91, 142, .08);
}
.c-btn--bottom-up .icon-goto
{
    margin-right: 0 !important; 

    transform: rotate(-90deg);
    vertical-align: middle;

    color: #fff;
}
.c-btn--bottom-up .icon-goto::before
{
    font-size: 2.3rem;
}
.c-btn--bottom-up:hover .icon-goto
{
    animation-name: hvr-icon-drop-vertical-spe;
    animation-duration: .6s;
    animation-timing-function: ease-in-out; 
    animation-iteration-count: 1;
}
.c-btn--down
{
    font-size: 1.3rem;
    font-weight: 500;

    width: 4rem;
    height: 4rem;
    padding: 0;

    transition: all 300ms ease-in-out; 
    text-transform: initial;

    opacity: 0;
    background: linear-gradient(45deg, #073a7c 0%, #1767ad 60%, #255b8e 100%);
    box-shadow: 0 1.4rem 1.2rem 0 rgba(37, 91, 142, .08);
}
.c-btn--down .icon-goto
{
    margin-right: 0 !important; 

    transform: rotate(90deg);
    vertical-align: middle;

    color: #fff;
}
.c-btn--down .icon-goto::before
{
    font-size: 2.3rem;
}
.c-btn--down:hover .icon-goto
{
    animation-name: hvr-icon-drop-vertical-down-spe;
    animation-duration: .6s;
    animation-timing-function: ease-in-out; 
    animation-iteration-count: 1;
}
.c-btn--simple
{
    color: #073a7c; 
    background: none;
}
.c-btn--link-simple
{
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.66;

    letter-spacing: .1rem;
    text-transform: initial; 

    color: #255b8e;
    background: none;
}
@media (max-width: 47.99em)
{
    .c-btn--link-simple
    {
        font-size: 1.6rem;
        line-height: 2.2rem;

        letter-spacing: normal;
    }
}
.c-btn--download
{
    position: relative;

    padding-right: 4rem; 
    padding-left: 8rem;
}
.c-btn--download:hover .c-btn--download__icon-arrow
{
    animation-name: hvr-icon-drop;
    animation-duration: .7s;
    animation-timing-function: ease-in-out; 
    animation-iteration-count: 1;
}
.c-btn--download__icon-arrow
{
    font-size: 1.6rem;

    position: absolute;
    top: 1.9rem;
    left: 4rem;

    display: block;

    color: #255b8e;
}
.c-btn--download__icon-bottom
{
    font-size: 1.6rem;

    position: absolute;
    bottom: 1.7rem;
    left: 4rem;

    color: #255b8e;
}
.c-btn--padding-ajust
{
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
    /*
    @include mq($until: desktop) {
      display: flex;
      padding-top: 1.2rem;
      padding-bottom: 1.2rem;
    }
    */
}
.c-btn--filter
{
    min-height: 5.2rem; 
    padding: 1.7rem;
}
.c-btn--filter img
{
    width: 1.7rem;
}
.c-btn--download-hover__icon-container
{
    position: relative;

    display: inline-block;
    overflow: visible !important; 

    width: 2rem;
    height: 1.4rem;
    margin-right: 2rem;
    padding-right: 2rem;
}
.c-btn--download-hover__icon-container.c-btn__icon
{
    width: 2rem !important;
}
.c-btn--download-hover__icon-arrow
{
    position: absolute;
    top: 0;
    left: 0;

    width: 1.8rem;
    height: auto;
}
.c-btn--download-hover__icon-bottom
{
    position: absolute;
    top: .1rem;
    left: 0;

    width: 1.8rem;
    height: auto;
}
.c-btn--download-hover:hover .c-btn--download-hover__icon-arrow
{
    animation-name: hvr-icon-drop;
    animation-duration: .7s;
    animation-timing-function: ease-in-out; 
    animation-iteration-count: 1;
}
.c-btn--hover-icon
{
    line-height: 2rem; 

    min-height: 5.6rem;
}
.c-btn--hover-icon .c-btn__hover-icon-container
{
    position: relative;

    display: inline-block;

    min-width: 3rem;
    margin-right: 1rem;
    margin-right: 1rem; 
    padding-bottom: .2rem;
}
.c-btn--hover-icon .c-btn__hover-icon-container img.c-btn__icon
{
    position: absolute;
    top: -.3rem;
    left: 0;

    width: 2.2rem;
    height: auto;
}
.c-btn--hover-icon .c-btn__hover-icon-container .c-btn__icon
{
    transition: all 300ms ease-in-out; 

    opacity: 1;
}
.c-btn--hover-icon .c-btn__hover-icon-container .c-btn__icon--hover-state
{
    opacity: 0;
}
.c-btn--hover-icon:hover .c-btn__icon
{
    opacity: 0;
}
.c-btn--hover-icon:hover .c-btn__icon--hover-state
{
    opacity: 1;
}
.c-btn--task-list-download
{
    display: flex;

    align-items: center;
}
.c-btn--task-list-download:hover:before
{
    background-image: url('../../../images/icons/task-list-download-1-white.svg');
    background-repeat: no-repeat;
}
.c-btn--task-list-download:before
{
    position: relative;

    display: inline-block;

    width: 1.8rem;
    height: 1.8rem;
    margin-right: 2rem;

    content: '';
    transition: all 300ms ease-in-out; 
    vertical-align: middle;

    background-image: url('../../../images/icons/task-list-download-1.svg');
    background-repeat: no-repeat;
    background-size: 100%;
}
.c-btn--center
{
    display: inline-flex;

    align-items: center;
    justify-content: center;
}
.c-btn--center [class^='icon-'],
.c-btn--center [class*=' icon-']
{
    font-size: 2rem;
    font-weight: 300;

    overflow: visible;

    transition: all 300ms ease-in-out;
}
.c-btn--font-ini-w
{
    font-weight: 400;
}
.c-btn--line-b
{
    display: block;
}

.c-btn--icon
{
    display: inline-flex;

    transition: all 300ms ease-in-out; 

    align-items: center;
    justify-content: center;
}
.c-btn--icon::before
{
    font-family: 'icomoon' !important;
    font-size: 2rem;
    font-weight: 300;
    line-height: 0;

    margin-right: 1.5rem;

    content: '';
    transition: all 300ms ease-in-out; 

    color: #fff;
}
.c-btn--icon-inverted:before
{
    color: #255b8e;
}
.c-btn--icon-inverted:hover:before
{
    color: #fff;
}
.c-btn--icon-search::before
{
    content: '';
}
.c-btn--icon-phone
{
    height: 56px;
}
.c-btn--icon-phone:before
{
    content: '';
}
.c-btn--icon-share
{
    height: 56px;
}
.c-btn--icon-share:before
{
    content: '';
}
.c-btn--icon-downloadd
{
    position: relative;

    height: 56px;
    padding-left: 4rem;
}
.c-btn--icon-downloadd:before
{
    font-family: 'icomoon';

    position: absolute;
    top: 50%;
    left: -1rem; 

    width: 1.8rem;
    height: 1.8rem;

    content: '';
    transform: translateY(-50%);

    color: #1767ad;
    background-size: 100%;
}
.c-btn--icon-downloadd:hover:before
{
    color: #fff;
}
.c-btn--icon-hierarchy:before
{
    width: 2rem;
    height: 2rem;

    content: '';

    background-image: url('../../../images/icons/hierarchy-5.svg');
    background-size: 100%;
}
.c-btn--icon-worldwide:before
{
    width: 2rem;
    height: 2rem;

    content: '';

    background-image: url('../../../images/icons/worldwide--bold-white.svg');
    background-size: 100%;
}
.c-btn--icon-rss::before
{
    content: '';
}
.c-btn--icon-download:before
{
    content: '';
}
.c-btn--icon-grey
{
    color: #fff; 
    border: 1px solid #525668;
    background: transparent;
}
.c-btn--icon-grey:hover
{
    color: #fff; 
    border: 1px solid transparent;
    background: linear-gradient(46.65deg, #0f60a7 0%, #23588b 100%);
}
.c-btn--icon-blue
{
    color: #fff; 
    border: 1px solid transparent;
    background: linear-gradient(46.65deg, #0f60a7 0%, #23588b 100%);
}
.c-btn--icon-blue:hover
{
    color: #fff; 
    border: 1px solid #525668;
    background: transparent;
}
.c-btn--icon-linkedin:before
{
    font-family: 'icomoon' !important;
    line-height: 2rem;

    width: 2.2rem;
    height: 2.2rem;
    margin-right: 2rem;

    content: '';

    color: #255b8e;
}
.c-btn--icon-linkedin:hover:before
{
    color: #fff;
}
.c-btn--icon-calendar::before
{
    font-family: 'icomoon' !important; 

    content: '';
}

.c-btn--get-hover
{
    position: relative;

    display: inline-flex;

    transition: all .4s ease-in-out;

    background: transparent; 

    align-items: center;
    justify-content: center;
}
.c-btn--get-hover:hover .c-btn--get-hover__icon-arrow
{
    animation-name: hvr-icon-go-to;
    animation-duration: .7s;
    animation-timing-function: ease-in-out; 
    animation-iteration-count: 1;
}
.c-btn--get-hover__container
{
    position: relative;

    display: block;
}
.c-btn--get-hover__icon-arrow
{
    font-size: .8rem; 

    position: absolute;
    top: .6rem;
    left: -.2rem;
}
@supports (-moz-appearance: none)
{
    .c-btn--get-hover__icon-arrow
    {
        top: .4rem;
    }
}
.c-btn--get-hover__icon-square
{
    font-size: 1.6rem;

    position: absolute;
    top: .2rem;
    left: 0;

    transform: rotate(180deg);
}
.c-btn--get-hover__button-name
{
    margin-left: 4rem;
}

.c-btn--download-hover__button-size
{
    font-size: 13px;
    line-height: 16px;

    display: block;

    margin-left: 4.6rem;

    letter-spacing: .49px;

    color: #a1a5b9;
}

/* ==========================================================================
   # TEXT
   ========================================================================== */
/*
---
name: hashtag
category: 01 - Atoms
---

```hashtag.html
    <span class="c-hashtag">#Reliability</button>
```

*/
.c-hashtag
{
    font-size: 2.2rem;
    line-height: 1.36; 

    letter-spacing: .18rem;

    color: #255b8e;
}

/* ==========================================================================
   #BUTTONS
   ========================================================================== */
/*
---
name: Input
category: 01 - Atoms
---

Custom input with animation on placeholder

Normal
```input.html
    <label class="c-input">
        <input type="text" class="c-input__input">
        <span class="c-input__label">Label</span>
    </label>
```

With instruction
```input-instruction.html
    <label class="c-input">
        <input type="text" class="c-input__input">
        <span class="c-input__label">Label</span>
        <p class="c-input__instruction">Information and instruction goes here.</p>
    </label>
```

With error message
```input-error-message.html
    <label class="c-input c-input--warning">
        <input type="text" class="c-input__input" value="invalid value">
        <span class="c-input__label">Label</span>
        <p class="c-input__error-message">Your password must be at least 6 characters long and must contain letters, numbers and special characters.</p>
    </label>
```

Disabled
```input-disabled.html
    <label class="c-input c-input--disabled">
        <input type="text" class="c-input__input" disabled>
        <span class="c-input__label">Label</span>
    </label>
```

Dark
```input-dark.html
  <div style="background: linear-gradient(51.51deg, #02143A 0%, #070E1D 100%); padding: 2rem;">
    <label class="c-input c-input--dark">
        <input type="text" class="c-input__input">
        <span class="c-input__label">Label</span>
        <p class="c-input__instruction">Information and instruction goes here.</p>
    </label>
  </div>
```

*/
.c-input
{
    position: relative;

    padding: 0;

    cursor: text;
}
.c-input .c-input__label.focused
{
    font-size: 1.1rem;
    line-height: 1;

    top: -1.8rem;
    left: 0;

    max-width: calc(100% + 5rem);
    padding-right: 0; 

    color: #255b8e;
}
.c-input--not-empty .c-input__label
{
    font-size: 1.1rem;
    line-height: 1; 

    top: -1.8rem;
    left: 0;

    cursor: text;
}
.c-input--warning .c-input__label
{
    color: #c6541c;
}
.c-input--warning .c-input__input
{
    border-color: #c6541c;
}
.c-input--disabled
{
    opacity: .6;
}
.c-input--dark .c-input__input
{
    color: #fff; 
    border-color: transparent;
    background-color: rgba(255, 255, 255, .07);
}
.c-input--dark .c-input__input:focus
{
    border-right-color: transparent;
}
@media (max-width: 63.99em)
{
    .c-input--dark .c-input__input:focus
    {
        border-color: transparent;
    }
}
.c-input--dark .c-input__label
{
    color: #fff;
}
.c-input--dark .c-input__input:focus + .c-input__label
{
    color: #7fb8e7;
}
.c-input--dark .c-input__instruction
{
    color: #7fb8e7;
}
.c-input--dark .c-input__error-message
{
    color: #e8895a;
}
.c-input--dark.c-input--not-empty .c-input__label
{
    color: #d1d6e6;
}
.c-input--dark.c-input--warning .c-input__input
{
    border-color: #c6541c;
}
.c-input--dark.c-input--warning .c-input__input:focus
{
    border-color: #255b8e;
}
.c-input--dark.c-input--warning.c-input--not-empty .c-input__label
{
    color: #e8895a;
}
.c-input--dark.c-input--disabled
{
    opacity: .5;
}
.c-input__input:focus
{
    border-color: #255b8e;
    /*
    @include mq($until: tablet) {
      border-color: $grey-lighter;
    }
    */
}
.c-input__input:focus + .c-input__label
{
    font-size: 1.1rem;
    line-height: 1;

    top: -1.8rem;
    left: 0;

    max-width: calc(100% + 5rem);
    padding-right: 0; 

    color: #255b8e;
}
.c-input__label
{
    font-size: 1.4rem;
    font-weight: 400;

    position: absolute;
    top: 1.9rem;
    left: 2rem;

    overflow: hidden;

    max-width: 100%;
    height: 100%;
    margin: auto;
    padding-right: 2rem;

    transition: all .3s ease-in-out;
    white-space: nowrap;
    text-overflow: ellipsis;
    pointer-events: none; 

    color: #525668;
}
.c-input__instruction,
.c-input__error-message
{
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.25; 

    margin: 0;
    margin-top: .9rem;
    padding: 0;
}
.c-input__instruction
{
    color: #255b8e;
}
.c-input__error-message
{
    color: #c6541c;
}
.c-input input
{
    font-size: 1.4rem;

    min-height: 5.2rem;
    margin-bottom: 2rem;
}

.c-footer .c-input input
{
    margin-bottom: 0;
}

/* ==========================================================================
   #BUTTONS
   ========================================================================== */
/*
---
name: Toggle
category: 01 - Atoms
---

```input.html
    <label class="c-toggle">
        <input type="checkbox" class="c-toggle__input">
        <span class="c-toggle__slider"></span>
    </label>
```

Dark
```input-dark.html
  <div style="background: linear-gradient(51.51deg, #02143A 0%, #070E1D 100%); padding: 2rem;">
    <label class="c-toggle c-toggle--dark">
        <input type="checkbox" class="c-toggle__input">
        <span class="c-toggle__slider"></span>
    </label>
  </div>
```


*/
.c-toggle
{
    position: relative;

    display: inline-block;

    width: 3.4rem;
    height: 1.4rem;
}
.c-toggle--dark .c-toggle__slider
{
    background-color: rgba(255, 255, 255, .15);
}
.c-toggle--dark .c-toggle__slider::before
{
    background: #d1d6e6;
}
.c-toggle__input
{
    width: 0;
    height: 0;

    opacity: 0;
}
.c-toggle__slider
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    cursor: pointer;
    transition: all 300ms ease-in-out; 

    border-radius: 1rem;
    background-color: rgba(27, 29, 39, .15);
}
.c-toggle__slider::before
{
    position: absolute;
    bottom: -.3rem;
    left: 0;

    width: 2rem;
    height: 2rem;

    content: '';
    transition: all 300ms ease-in-out; 

    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 0 .1rem 0 rgba(0, 0, 0, .12), 0 .1rem .1rem 0 rgba(0, 0, 0, .24);
}
.c-toggle__input:checked + .c-toggle__slider
{
    background-color: rgba(37, 91, 142, .3);
}
.c-toggle__input:checked + .c-toggle__slider:before
{
    transform: translateX(1.5rem); 

    background: linear-gradient(46.65deg, #0f60a7 0%, #255b8e 100%);
}

/* ==========================================================================
   #SEARCHBAR
   ========================================================================== */
/*
---
name: Searchbar
category: 01 - Atoms
---

NormalBoker tov koulam
```searchbar.html
  <div class="c-searchbar">

    <label class="c-input">
      <input type="text" class="c-input__input">
      <span class="c-input__label">Search</span>
    </label>

    <button class="c-btn c-btn--primary c-btn--search"></button>

  </div>
```

Dark
```searchbar-dark.html
<div style="padding: 2rem; background: linear-gradient(51.51deg, #02143A 0%, #070E1D 100%);">
  <div class="c-searchbar">

    <label class="c-input c-input--dark">
      <input type="text" class="c-input__input">
      <span class="c-input__label">Search</span>
    </label>

    <button class="c-btn c-btn--primary c-btn--search"></button>

  </div>
</div>
```

*/
.c-searchbar
{
    position: relative;

    display: flex;
}
@media (max-width: 63.99em)
{
    .c-searchbar input[type='search'],
    .c-searchbar input[type='text']
    {
        margin-bottom: 0; 

        border-right: none;
    }
}
.c-searchbar.c-searchbar--mobile
{
    margin-right: .5rem;
}
.c-searchbar.c-searchbar--mobile .c-btn--search
{
    border-left: none;
}
.c-searchbar--full-dark
{
    width: 100%;
    margin: 0 auto;
}
@media (min-width: 64em)
{
    .c-searchbar--full-dark
    {
        width: 75%;
    }
}
.c-searchbar--full-dark .c-input__input
{
    min-height: 6.4rem;
    margin-bottom: 0;
    padding: 2rem 2.3rem;

    color: #d1d6e6;
    border: none;
    background-color: rgba(255, 255, 255, .07);
}
.c-searchbar--full-dark .c-input__label
{
    top: 2.5rem;

    color: #d1d6e6;
}
.c-searchbar--full-dark .c-input.c-input--not-empty .c-input__label
{
    top: -1.8rem;
}
.c-searchbar--full-dark .c-btn--search
{
    width: 6.4rem;
    height: 6.4rem;

    background: linear-gradient(46.65deg, #0f60a7 0%, #23588b 100%);
}
.c-searchbar--full-dark > .icon
{
    top: 2rem;
    right: 2rem;

    width: 2.3rem;
    height: 2.3rem;
}
@media (max-width: 63.99em)
{
    .c-searchbar--responsive-blue-button .c-btn:not(.c-btn--search)
    {
        border-left-color: transparent !important; 
        background: white !important;
    }
}
@media (max-width: 63.99em)
{
    .c-searchbar--dark
    {
        background-color: rgba(255, 255, 255, .07);
    }
    .c-searchbar--dark .c-input__input
    {
        background-color: transparent;
    }
    .c-searchbar--dark .c-searchbar__input-type-search-background-img
    {
        display: block;
    }
    .c-searchbar--dark .c-searchbar__input-type-search-background-img--dark
    {
        display: none;
    }
}
.c-searchbar__input-type-search
{
    line-height: 5.2rem;

    position: relative;

    padding-left: .4rem;

    transition: all 300ms; 
            text-emphasis: center;

    border-radius: 0;
    background: #255b8e;

    -webkit-text-emphasis: center;
    -webkit-appearance: none;
}
.c-searchbar__input-type-search:hover
{
    background: #084a90;
}
.c-searchbar__input-type-search-background-img
{
    position: absolute;
    z-index: 1;
    top: 1.5rem;
    right: 1.5rem;

    width: 2rem;
    height: auto;

    pointer-events: none;
}
@media (max-width: 63.99em)
{
    .c-searchbar__input-type-search-background-img
    {
        display: block;
    }
}
.c-searchbar__input-type-search-background-img--dark
{
    display: none;
}
@media (max-width: 63.99em)
{
    .c-searchbar__input-type-search-background-img--dark
    {
        z-index: 2;
    }
}
#views-exposed-form-product-decision-tree .c-searchbar__input-type-search-background-img--dark
{
    display: none;
}
.c-searchbar .c-input
{
    font-size: 1.4rem; 

    flex: 1;
}
.c-searchbar .c-input__label--dark
{
    color: #d1d6e6;
}
.c-searchbar .c-btn
{
    margin-left: 0;

    border-radius: 0;
}
.c-searchbar .c-btn--search--dark
{
    margin-left: -1px;
}
@media (max-width: 63.99em)
{
    .c-searchbar .c-btn--search--dark
    {
        border-color: transparent; 
        background: none;
        /*
          background-color: $white;
          border: solid 0.1rem $grey-lighter;
          */
        background-color: #2b2c36;
    }
}
.c-searchbar .c-btn--search--secondary-dark
{
    margin-left: -1px;
}
@media (max-width: 63.99em)
{
    .c-searchbar .c-btn--search--secondary-dark
    {
        border-color: transparent; 
        background: none;
        /*
          background-color: $white;
          border: solid 0.1rem $grey-lighter;
          */
        background-color: #31323d;
    }
}
@media (max-width: 63.99em)
{
    .c-searchbar .c-btn--text
    {
        border-color: transparent; 
        background: linear-gradient(46.65deg, #0f60a7 0%, #23588b 100%);
    }
}
.c-searchbar .c-btn--text--dark
{
    margin-left: 0;
}
.c-searchbar--suggestion-opened .c-searchbar__suggestion-results
{
    max-height: 100vh;

    transition: all .8s ease-out; 

    border: .1rem solid #255b8e;
    border-top: none;
}
.c-searchbar--suggestion-opened .c-input .c-input__input,
.c-searchbar--suggestion-opened .c-input--dark .c-input__input
{
    transition: all .4s ease-in-out; 

    color: #1d202c;
    background-color: #fff;
}
.c-searchbar__suggestion-results
{
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;

    display: block;
    overflow-y: hidden;

    width: calc(100% - 5.2rem);
    max-height: 0;

    transition: all .4s ease-in; 
    transform: translateY(100%);
    text-align: left;

    background-color: #fff;
}
.c-searchbar__suggestion-results .c-btn.c-btn--text-button
{
    margin-bottom: 1rem;
    margin-left: 2rem;
}
.c-searchbar__suggestion-result
{
    font-size: 1.4rem;

    display: flex;

    width: 100%;
    padding-right: 2rem;
    padding-left: 2rem;

    text-align: left; 

    color: #3c5a7d;

    align-items: center;
}
.c-searchbar__suggestion-result:hover
{
    background-color: #e7eaf2;
}
.c-searchbar__suggestion-result-text
{
    margin-left: 1rem; 
    padding: 1rem 0;
}
.c-searchbar__suggestion-img
{
    width: 5rem;
    height: auto;
}

@media (max-width: 64em)
{
    .c-footer .c-searchbar
    {
        background-color: inherit;
    }
    .c-footer .c-searchbar .c-input
    {
        margin-right: .5rem;

        background-color: rgba(255, 255, 255, .07);
    }
}

/* ==========================================================================
   #BUTTONS
   ========================================================================== */
/*
---
name: Custom select
category: 01 - Atoms
---

Generated by add class .js-custom-select on select element


Normal
```custom-select.html
    <label>Label</label>
    <select class="js-custom-select">
      <option></option>
      <option>1</option>
      <option>test 2</option>
    </select>
```

multiple
```custom-select-multiple.html
    <select class="js-custom-select" multiple>
      <option></option>
      <option>1</option>
      <option>test 2</option>
    </select>
```

dark
```custom-select-dark.html
  <div style="background: linear-gradient(51.51deg, #02143A 0%, #070E1D 100%); padding: 2rem;">
    <label class="dark">Label</label>
    <select class="js-custom-select js-custom-select--dark">
      <option></option>
      <option>1</option>
      <option>test 2</option>
    </select>
  </div>
```

multiple dark
```custom-select-multiple-dark.html
  <div style="background: linear-gradient(51.51deg, #02143A 0%, #070E1D 100%); padding: 2rem;">
    <select class="js-custom-select js-custom-select--dark" multiple>
      <option></option>
      <option>1</option>
      <option>test 2</option>
    </select>
  </div>
```

*/
.c-custom-select
{
    font-size: 1.4rem; 

    position: relative;
    z-index: 5;

    cursor: pointer;

    border: .1rem solid #bcbfcf;
}
.c-custom-select--selected
{
    border-color: #525668;
}
.c-custom-select--focus
{
    z-index: 8;

    border-color: #255b8e !important;
}
.c-custom-select--focus .c-custom-select__title::after
{
    border-color: #255b8e transparent transparent transparent;
}
.c-custom-select--opened .c-custom-select__title::after
{
    transform: rotate(180deg);
}
.c-custom-select--dark
{
    border-color: #525668;
    background-color: rgba(255, 255, 255, .07);
}
.c-custom-select--dark .c-custom-select__title
{
    color: #fff;
}
.c-custom-select--dark .c-custom-select__list
{
    color: #fff; 
    border-color: #525668;
    background-color: #222e49;
}
.c-custom-select--dark .c-custom-select__item:hover,
.c-custom-select--dark .c-custom-select__item :focus
{
    background: #7fb8e7;
}
.c-custom-select--dark .c-custom-select__item--selected
{
    background: #7fb8e7;
}
.c-custom-select--dark.c-custom-select--focus
{
    border-color: #255b8e;
}
.c-custom-select--dark.c-custom-select--focus .c-custom-select__title::after
{
    border-color: #255b8e transparent transparent transparent;
}
.c-custom-select__title
{
    overflow: hidden;

    min-height: 5.2rem;
    padding: 1.5rem 2rem;

    white-space: nowrap;
    text-overflow: ellipsis;
}
.c-custom-select__title::after
{
    position: absolute;
    top: 2.5rem;
    right: 1rem;

    width: 0;
    height: 0;

    content: '';
    transition: all 300ms ease-in-out; 

    border-width: 4px 4px 0 4px;
    border-style: solid;
    border-color: #84899f transparent transparent transparent;
}
.c-custom-select__list-wrapper
{
    position: absolute;
    top: calc(100% + .4rem);
    left: 0;

    width: 200%;
}
.c-custom-select__list
{
    position: absolute;

    display: none;

    min-width: 50%;
    max-width: 40rem;
    margin: 0;
    padding: 0;

    list-style-type: none; 

    border: .1rem solid #e7eaf2;
    background: #fff;
}
.c-custom-select__options-container
{
    position: relative;

    overflow: auto;

    max-height: 31rem;
    padding-bottom: 1.6rem;
}
.c-custom-select__options-container .ps__rail-y
{
    width: .8rem !important;

    opacity: 1 !important; 
    border-radius: .6rem;
    background-color: #fff !important;
}
.c-custom-select__options-container .ps__thumb-y
{
    width: .7rem !important;
    margin-right: -1px;

    background-color: #a1a5b9 !important;
}
.c-custom-select__item
{
    display: flex;

    padding: .7rem 2rem; 

    align-items: center;
}
.c-custom-select__item:hover,
.c-custom-select__item:focus
{
    background: #f9fafc;
}
.c-custom-select__item--selected .c-custom-select__checkbox
{
    border-color: #255b8e;
}
.c-custom-select__item--selected .c-custom-select__checkbox::after
{
    display: block;
}
.c-custom-select__item--invisible
{
    display: none;
}
.c-custom-select__search
{
    padding: .7rem 2rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.c-custom-select__search input
{
    padding: 1.4rem 2rem;
}
.c-custom-select__checkbox
{
    position: relative;

    display: inline-block;

    width: 1.6rem;
    height: 1.6rem;
    margin-right: 1.6rem; 

    border: .1rem solid #bcbfcf;
    border-radius: .2rem;

    flex-shrink: 0;
}
.c-custom-select__checkbox::after
{
    position: absolute;
    top: -2px;
    left: 5px;

    display: block;
    display: none; 

    width: 6px;
    height: 14px;

    content: '';
    transform: rotate(45deg);

    border: solid #255b8e;
    border-width: 0 1.5px 1.5px 0;
}
.c-custom-select--opened .c-custom-select__list
{
    display: block;
}
.c-custom-select-wrapper
{
    min-height: 52px;
}
.c-custom-select-wrapper .select2-container
{
    line-height: 26px;

    position: relative;

    display: block;
    overflow: hidden;

    width: 100% !important;
    max-width: 100%;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    text-decoration: none;

    color: #444;
    border: 1px solid #aaa;
    background-color: #fff;
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
    background-image:      linear-gradient(to top, #eee 0%, #fff 50%);
    background-clip: padding-box;

    -webkit-touch-callout: none;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#eeeeee',GradientType=0);
    flex: 1;
}
.c-custom-select-wrapper .select2-container:after
{
    position: absolute;
    z-index: 6;
    top: 2.5rem;
    right: 1rem;

    width: 0;
    height: 0;

    content: '';
    transition: all .3s ease-in-out; 
    pointer-events: none;

    border-width: 4px 4px 0;
    border-style: solid;
    border-color: #84899f transparent transparent;
}
.c-custom-select-wrapper .select2-container ul
{
    margin: 0;
    padding-right: 25px;
}
.c-custom-select-wrapper .select2-container textarea
{
    display: inline-block;

    padding: 0; 

    border: 0;
}
.c-custom-select-wrapper .select2-container .select2-selection__arrow
{
    display: none;
}
.c-custom-select-wrapper .select2-container.select2-container--open:after
{
    transform: rotate(180deg);

    border-color: #255b8e transparent transparent;
}
.c-custom-select-wrapper .select2-container.c-custom-select--selected .select2-choices,
.c-custom-select-wrapper .select2-container.c-custom-select--selected .select2-container
{
    border: 1px solid #255b8e;
}
.c-custom-select-wrapper .c-custom-select-wrapper__label
{
    z-index: 15;

    pointer-events: none;
}
.c-custom-select-wrapper .select2-container
{
    z-index: 10;

    min-height: 58px !important;
    padding-left: 0;

    cursor: pointer; 

    border-radius: 0;
    background-image: none;
}
.c-custom-select-wrapper .select2-container .select2-selection
{
    display: block; 

    width: 100%;
    height: 100%;
    padding-left: 8px;

    border: 0;
    outline: 0;
}
.c-custom-select-wrapper .select2-container .select2-selection .select2-arrow
{
    border: none; 
    background: none;
}
.c-custom-select-wrapper .select2-container .select2-selection--single .select2-selection__rendered
{
    line-height: 52px;
}
.c-custom-select-wrapper .select2-container .select2-selection--multiple
{
    z-index: 6;

    min-height: 52px !important;
    padding: 0;
    padding-right: 25px;

    background: transparent;
    background-image: none;

    align-items: center;
}
.c-custom-select-wrapper .select2-container .select2-selection--multiple .select2-search--inline
{
    padding: 0;
}
.c-custom-select-wrapper .select2-container .select2-selection--multiple .select2-selection__rendered
{
    line-height: 48px;

    display: inline-block;

    height: 52px;

    vertical-align: top; 

    align-items: center;
}
@media (min-width: 64em)
{
    .c-custom-select-wrapper .select2-container .select2-selection--multiple .select2-selection__rendered
    {
        line-height: 49px; 

        height: 58px;
    }
}
.c-custom-select-wrapper .select2-container .select2-selection--multiple .select2-search__field
{
    line-height: 52px;

    height: 52px;
    margin: 0 0 0 8px;

    vertical-align: top;
}
.c-custom-select-wrapper .select2-container .select2-selection--multiple .select2-search__field input
{
    height: 48px;
}
@media (min-width: 64em)
{
    .c-custom-select-wrapper .select2-container .select2-selection--multiple .select2-search__field
    {
        line-height: 58px; 

        height: 58px;
    }
}
.c-custom-select-wrapper .select2-container--open
{
    border-color: #255b8e;
    background-color: #fff;
}
.c-custom-select-wrapper .select2-container .select2-selection__rendered .select2-selection__choice
{
    font-size: 1.3rem;
    line-height: 13px; 

    z-index: 12;

    display: inline-flex;

    margin: 6px 8px;
    padding: .8rem;

    color: #fff;
    border: 0;
    border-radius: .4rem;
    background-color: #255b8e;
    background-image: none;
}
.c-custom-select-wrapper .select2-container .select2-selection__rendered .select2-selection__choice div
{
    padding-right: 2rem;
}
.c-custom-select-wrapper .select2-container .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove
{
    font-size: 2.5rem;
    font-weight: 300; 
    line-height: 13px;

    position: relative;
    top: 0;

    margin-left: 2px;

    transform: none;

    color: #fff;
    border: 0;
    background: none;

    order: 2;
}
.c-custom-select-wrapper .select2-container .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove span
{
    pointer-events: none;
}

.select2-drop,
.select2-container:not([data-select2-id]),
.select2-drop.select2-drop-above
{
    border-radius: 0;
}

.select2-drop .select2-search .select2-input,
.select2-drop .select2-search .select2-search__field,
.select2-container:not([data-select2-id]) .select2-search .select2-input,
.select2-container:not([data-select2-id]) .select2-search .select2-search__field
{
    font-size: 1.4rem;

    width: 100%;
    height: auto !important;
    min-height: 26px;
    margin: 0;
    padding: 1.6rem 2rem;
    padding-bottom: 1.7rem;

    transition: border-color .3s;

    color: #525668;
    border: solid .1rem #bcbfcf; 
    outline: 0;
    background: #fff;
}
.select2-drop .select2-search .select2-input:focus,
.select2-drop .select2-search .select2-search__field:focus,
.select2-container:not([data-select2-id]) .select2-search .select2-input:focus,
.select2-container:not([data-select2-id]) .select2-search .select2-search__field:focus
{
    border-color: #255b8e;
}

.select2-drop .select2-results,
.select2-container:not([data-select2-id]) .select2-results
{
    font-size: 1.4rem;

    display: block;
}

.c-structured-search-tabs--dark .select2-selection--multiple .select2-choices
{
    color: #fff; 
    border-color: #363843;
    background-color: #363843;
}

.c-structured-search-tabs--dark .c-custom-select-wrapper__label
{
    color: #fff;
}

.c-structured-search-tabs--dark .c-custom-select-wrapper.c-disabled .select2-container
{
    background-color: #272935;
}
.c-structured-search-tabs--dark .c-custom-select-wrapper.c-disabled .select2-container .select2-selection__rendered .select2-selection__choice
{
    opacity: .5;
}

@media (min-width: 64em)
{
    body.list_videos .select2-drop,
    body.list_videos .select2-container:not([data-select2-id]) .select2-dropdown,
    body.list_videos .select2-results .select2-no-results,
    body.list_videos .select2-results .select2-searching,
    body.list_videos .select2-results .select2-ajax-error,
    body.list_videos .select2-results .select2-selection-limit,
    body.list_historical_event .select2-drop,
    body.list_historical_event .select2-container:not([data-select2-id]) .select2-dropdown,
    body.list_historical_event .select2-results .select2-no-results,
    body.list_historical_event .select2-results .select2-searching,
    body.list_historical_event .select2-results .select2-ajax-error,
    body.list_historical_event .select2-results .select2-selection-limit
    {
        color: #fff; 
        background-color: #3b3e4d;
    }
}

@media (min-width: 64em)
{
    body.list_videos .select2-drop ul.select2-results li.select2-result,
    body.list_videos .select2-container:not([data-select2-id]) ul.select2-results__options li.select2-results__option,
    body.list_historical_event .select2-drop ul.select2-results li.select2-result,
    body.list_historical_event .select2-container:not([data-select2-id]) ul.select2-results__options li.select2-results__option
    {
        color: #fff;
    }
}

body.list_videos .select2-drop ul.select2-results li.select2-result:hover,
body.list_videos .select2-container:not([data-select2-id]) ul.select2-results__options li.select2-results__option:hover,
body.list_videos .select2-drop ul.select2-results li.select2-result.select2-highlighted,
body.list_videos .select2-container:not([data-select2-id]) ul.select2-results__options li.select2-results__option.select2-results__option--highlighted,
body.list_historical_event .select2-drop ul.select2-results li.select2-result:hover,
body.list_historical_event .select2-container:not([data-select2-id]) ul.select2-results__options li.select2-results__option:hover,
body.list_historical_event .select2-drop ul.select2-results li.select2-result.select2-highlighted,
body.list_historical_event .select2-container:not([data-select2-id]) ul.select2-results__options li.select2-results__option.select2-results__option--highlighted
{
    color: #1b1d27;
}

body.list_videos .c-company-search-result__pagination-wrapper,
body.list_historical_event .c-company-search-result__pagination-wrapper
{
    padding-top: 0;
}

body.list_videos .select2-container:not([data-select2-id]) ul.select2-results__options li.select2-results__option.select2-results__option--selected,
body.list_historical_event .select2-container:not([data-select2-id]) ul.select2-results__options li.select2-results__option.select2-results__option--selected
{
    color: #fff; 
    background: #52576f;
}

/* ==========================================================================
   #CUSTOM
   ========================================================================== */
/*
---
name: Custom radio
category: 01 - Atoms
---

Normal
```custom-radio.html
    <label class="c-custom-radio">
      <input type="radio" />
      <span>Hello world</span> 
    </label>
```

Dark
```custom-radio-dark.html
  <div class="u-bg--dark" style="padding: 2rem;">
    <label class="c-custom-radio c-custom-radio--dark">
      <input type="radio" />
      <span>Hello world</span> 
    </label>
  </div>
```


*/
.c-custom-radio
{
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.c-custom-radio input
{
    display: none;
}
.c-custom-radio input:checked + span:before
{
    border: .1rem solid #255b8e;
}
.c-custom-radio input:checked + span:after
{
    position: absolute;

    width: 1rem;
    height: 1rem;
    margin-left: .3rem;

    content: ''; 

    border-radius: 50%;
    background-color: #255b8e;
}
.c-custom-radio span
{
    font-size: 1.4rem;
    font-weight: 400; 

    display: flex;

    align-items: center;
}
.c-custom-radio span:before
{
    width: 1.6rem;
    height: 1.6rem;
    margin-right: 1.525rem;

    content: '';
    transition: border .2s; 

    border: .1rem solid #bcbfcf;
    border-radius: 50%;
    background-color: #fff;
}
.c-custom-radio span:after
{
    content: '';
    transition: background-color .2s;
}
.c-custom-radio--dark input:checked + span:before
{
    background-color: rgba(255, 255, 255, .07);
}
.c-custom-radio--dark span
{
    color: #fff;
}
.c-custom-radio--dark span:before
{
    border-color: #525668;
    background: none;
}

/* ==========================================================================
   #CUSTOM CHECKBOX
   ========================================================================== */
/*
---
name: Custom checkbox
category: 01 - Atoms
---

Normal
```custom-checkbox.html
  <label class="c-custom-checkbox">
    <input type="checkbox" value="" />
    <div class="c-custom-checkbox__content"><span>All categories</span></div>
  </label>
```

Dark
```custom-checkbox-dark.html
<div class="u-bg--dark" style="padding: 2rem;">
  <label class="c-custom-checkbox c-custom-checkbox--dark">
    <input type="checkbox" value="" />
    <div class="c-custom-checkbox__content"><span>All categories</span></div>
  </label>
</div>
```

*/
.c-custom-checkbox
{
    margin-top: .4rem;
    padding: 1rem 0;

    cursor: pointer; 
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.c-custom-checkbox input,
.c-custom-checkboxinput
{
    position: absolute !important;

    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);

    width: 1px;
    height: 1px;

    white-space: nowrap;
    /* added line */
}
.c-custom-checkbox input:checked + .c-custom-checkbox__content:before,
.c-custom-checkbox input:checked + label .c-custom-checkbox__content:before,
.c-custom-checkboxinput:checked + .c-custom-checkbox__content:before,
.c-custom-checkboxinput:checked + label .c-custom-checkbox__content:before
{
    border: .1rem solid #255b8e;
}
.c-custom-checkbox input:checked + .c-custom-checkbox__content:after,
.c-custom-checkbox input:checked + label .c-custom-checkbox__content:after,
.c-custom-checkboxinput:checked + .c-custom-checkbox__content:after,
.c-custom-checkboxinput:checked + label .c-custom-checkbox__content:after
{
    position: absolute;

    width: 14.5px;
    height: 10.5px;
    margin-left: .2em;

    content: ''; 

    background-image: url('../../public/images/icons/check.svg');
    background-size: 100% 100%;
}
.c-custom-checkbox input:focus + .c-custom-checkbox__content,
.c-custom-checkbox input:focus + label .c-custom-checkbox__content,
.c-custom-checkboxinput:focus + .c-custom-checkbox__content,
.c-custom-checkboxinput:focus + label .c-custom-checkbox__content
{
    outline: 5px auto Highlight;
    outline: 5px auto -webkit-focus-ring-color;
}
.c-custom-checkbox .c-custom-checkbox__content
{
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.25; 

    display: flex;

    align-items: center;
}
.c-custom-checkbox .c-custom-checkbox__content:before
{
    width: 1.6rem;
    height: 1.6rem;
    margin-right: 1.525rem;

    content: ''; 

    border: .1rem solid #bcbfcf;
    border-radius: .2rem;
    background-color: #fff;
}
.c-custom-checkbox .c-custom-checkbox__content span
{
    flex: 1;
}
.c-custom-checkbox .c-custom-checkbox__content span a
{
    font-size: 1.4rem;
}
.c-custom-checkbox .c-custom-checkbox__content a
{
    font-size: 1.4rem;
}
.c-custom-checkbox--dark .c-custom-checkbox:checked:before
{
    background-color: rgba(255, 255, 255, .07);
}
.c-custom-checkbox--dark .c-custom-checkbox__content
{
    color: #fff;
}
.c-custom-checkbox--dark .c-custom-checkbox__content:before
{
    border: .1rem solid #255b8e;
    background: transparent;
}

.c-checkbox-pp-rgpd
{
    position: relative; 

    display: block;
}
.c-checkbox-pp-rgpd input
{
    width: initial;
    height: initial;
    min-height: 0;
    margin-bottom: 0;
    padding: 0;

    opacity: 0;
}
.c-checkbox-pp-rgpd label
{
    position: absolute;
    top: 0;

    padding-left: 3.2rem; 

    cursor: pointer;
}
.c-checkbox-pp-rgpd label:before
{
    position: absolute;
    left: 0; 

    display: block;

    width: 1.6rem;
    height: 1.6rem;

    content: '';

    border: .1rem solid #bcbfcf;
    border-radius: .2rem;
    background-color: #fff;
}
.c-checkbox-pp-rgpd input:checked + label:before
{
    border: .1rem solid #255b8e;
}
.c-checkbox-pp-rgpd input:checked + label:after
{
    position: absolute;
    top: .7rem;
    left: 0;

    width: 14.5px;
    height: 10.5px;
    margin-top: .2rem;
    margin-left: .3rem;

    content: ''; 

    background-image: url('../../public/images/icons/check.svg');
    background-size: 100% 100%;
}

.c-custom-toggle-checkbox
{
    position: relative;

    display: inline-block;

    cursor: pointer;
}
.c-custom-toggle-checkbox_wrapper-label
{
    margin-bottom: .5rem;
}
.c-custom-toggle-checkbox_input
{
    position: absolute;
    z-index: -999;
}
.c-custom-toggle-checkbox_label
{
    position: relative; 

    display: block;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.c-custom-toggle-checkbox_label span
{
    display: block; 

    width: calc(100% - 6rem);
    margin-left: 6rem;

    color: #1b1d27;
}
.c-custom-toggle-checkbox_label .c-custom-toggle-checkbox_label--yes
{
    display: none;
}
.c-custom-toggle-checkbox_label .c-custom-toggle-checkbox_label--no
{
    display: block;
}
.c-custom-toggle-checkbox_label:before,
.c-custom-toggle-checkbox_label:after
{
    position: absolute;

    display: block;

    content: '';
    cursor: pointer;
}
.c-custom-toggle-checkbox_label:before
{
    top: 0;
    left: 0;

    width: 3.4rem;
    height: 1.4rem;

    transition: background-color .25s ease;

    color: transparent; 
    border-radius: 9999em;
    background-color: rgba(27, 29, 39, .15);
}
.c-custom-toggle-checkbox_label:after
{
    top: -4px;
    left: -4px;

    width: 2rem;
    height: 2rem;

    transition: left .25s ease; 

    border: solid .5px rgba(151, 151, 151, .15);
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 0 1px rgba(0, 0, 0, .24);
}

.c-custom-toggle-checkbox_input:checked + .c-custom-toggle-checkbox_label:before
{
    background-color: rgba(37, 91, 142, .15);
}

.c-custom-toggle-checkbox_input:checked + .c-custom-toggle-checkbox_label:after
{
    top: -.3rem;
    left: 2rem;

    background: linear-gradient(47deg, #0f60a7, #255b8e);
}

.c-custom-toggle-checkbox_input:checked + .c-custom-toggle-checkbox_label .c-custom-toggle-checkbox_label--yes
{
    display: block;
}

.c-custom-toggle-checkbox_input:checked + .c-custom-toggle-checkbox_label .c-custom-toggle-checkbox_label--no
{
    display: none;
}

.c-custom-select-wrapper
{
    position: relative;

    background-color: #fff;
}
.c-custom-select-wrapper__label
{
    font-size: 1.4rem;
    line-height: 1.21; 

    position: absolute;
    top: 1.2rem;
    left: 2rem;

    color: #525668;
}
.c-custom-select-wrapper__label--option-selected,
.c-custom-select-wrapper__label--option-selected-fixed,
.c-custom-select-wrapper__label.focused
{
    font-size: 1.1rem;

    top: -2.6rem;
    left: 0;

    color: #255b8e;
}
.c-custom-select-wrapper-single__label
{
    display: none;
}
.c-custom-select-wrapper.selected .c-custom-select-wrapper__label
{
    font-size: 1.1rem;

    top: -2.6rem;
    left: 0;

    color: #255b8e;
}
.c-custom-select-wrapper.c-sort-by-select .select2-container
{
    font-size: 1.6rem;

    padding: 0 2rem;

    border-color: #525668;
}
.c-custom-select-wrapper.c-sort-by-select .select2-container span
{
    color: #1b1d27;
}
.c-custom-select-wrapper.c-sort-by-select .select2-container--open
{
    border-color: #255b8e;
}

.c-custom-select-wrapper-one
{
    margin-bottom: 4rem;
}
.c-custom-select-wrapper-one .form-select
{
    font-size: 1.4rem;

    width: 30rem; 
    height: 5rem;
    padding-left: 1rem;

    color: #525668;
    border: .1rem solid #bcbfcf;
}
.c-custom-select-wrapper-one .form-select:focus
{
    border-color: #255b8e;
}

.c-custom-select-wrapper-one-t
{
    margin-bottom: 4rem;

    background-color: transparent;
}
.c-custom-select-wrapper-one-t .select2-container--focus
{
    border: 1px solid #255b8e;
}

.c-custom-select-wrapper .js-custom-select--order + .select2-container.select2-container--focus
{
    border: 1px solid #255b8e;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}

/* ==========================================================================
   # TEXT
   ========================================================================== */
/*
---
name: Subtitle
category: 01 - Atoms
---

Normal
```subtitle.html
    <span class="c-subtitle">Publications</span>
```


Small
```subtitle-sm.html
    <span class="c-subtitle c-subtitle--sm">Publications</span>
```

Large
```subtitle-lg.html
    <span class="c-subtitle c-subtitle--lg">Publications</span>
```

Darken
```subtitle-darken.html
    <span class="c-subtitle c-subtitle--darken">Publications</span>
```


Primary
```subtitle-primary.html
    <span class="c-subtitle c-subtitle--primary">Publications</span>
```

Dark
```subtitle-dark.html
    <div class="u-bg--dark-linear" style="padding: 2rem;">
      <span class="c-subtitle c-subtitle--dark">Publications</span>
    </div>
```

*/
.c-subtitle
{
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.8;

    display: block;

    letter-spacing: .6rem;
    text-transform: uppercase; 

    color: #525668;
}
@media (max-width: 63.99em)
{
    .c-subtitle
    {
        font-size: 1.2rem;

        letter-spacing: .4rem;
    }
}
.c-subtitle--lg
{
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.25; 

    letter-spacing: .06rem;
}
.c-subtitle--sm
{
    font-size: 1.2rem;
    line-height: 2; 

    letter-spacing: .2rem;
}
@media (max-width: 63.99em)
{
    .c-subtitle--sm
    {
        font-size: 1.1rem;
    }
}
.c-subtitle--primary
{
    color: #255b8e;
}
.c-subtitle--dark
{
    color: #fff;
}
.c-subtitle--darken
{
    color: #525668;
}
.c-subtitle--press-release p
{
    margin: 0;
}
.c-subtitle--login
{
    color: #b2b5c2;
}
.u-bg--gradient-dark .c-subtitle,
.u-bg--gradient-darkest .c-subtitle,
.u-bg--linear-gradient-dark .c-subtitle,
.u-bg--linear-gradient-darkest .c-subtitle,
.u-bg--blue .c-subtitle,
.dark-theme .c-subtitle
{
    color: #a4acbc;
}
.c-subtitleh2
{
    margin-bottom: 0;
}

.accordion-wrapper
{
    display: flex;
    flex-direction: column;

    padding-bottom: 2rem;
}
.accordion-wrapper.active
{
    padding-bottom: 4rem;
}
@media (max-width: 63.99em)
{
    .accordion-wrapper
    {
        padding-bottom: 0rem;
    }
    .accordion-wrapper.active
    {
        padding-bottom: 0rem;
    }
    .accordion-wrapper.active .accordion
    {
        border: 1px solid #ebecf2;
    }
}
.accordion-wrapper .accordion
{
    position: relative;

    display: flex;

    width: 100%;
    min-height: 88px;
    padding: 30px;
    padding-right: 4rem;

    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; 

    border: 1px solid #ebecf2;
    background-color: #fff;
    box-shadow: 0 4px 7px 0 rgba(0, 0, 0, .05);

    align-items: center;
}
.accordion-wrapper .accordion .icon
{
    width: 30px;
    height: 30px;
    margin-right: 20px;

    fill: #a1a5b9;
}
.accordion-wrapper .accordion span
{
    font-size: 1.8rem;

    margin-right: 20px; 

    color: #1b1d27;
}
.accordion-wrapper .accordion .icon-panel
{
    width: 22px;
    margin-left: auto;

    transform: rotate(-90deg);
}
.accordion-wrapper .accordion .icon-panel.icon-up
{
    transform: rotate(90deg);
}
@media (max-width: 63.99em)
{
    .accordion-wrapper .accordion
    {
        display: flex;

        min-height: 74px;
        padding: 0 20px;

        border: solid #ebecf2;
        border-width: 1px 1px 0; 

        align-items: center;
    }
    .accordion-wrapper .accordion .icon
    {
        width: 24.75px;
        height: 24.75px;
        margin-bottom: 0;
    }
    .accordion-wrapper .accordion span
    {
        font-size: 16px;
        line-height: 22px;

        max-width: 90%;
    }
}
.accordion-wrapper .panel
{
    position: relative;

    padding: 30px;

    background-color: #f9fafc;
}
.accordion-wrapper .panel.hide-panel
{
    display: none;
}
.accordion-wrapper .panel p
{
    font-size: 1.6rem;
    line-height: 20px; 

    margin: 0;

    letter-spacing: .6px;
}
.accordion-wrapper .panel p:not(:first-child)
{
    margin-top: 2rem;
}
@media (min-width: 64em)
{
    .accordion-wrapper .panel p:not(:first-child)
    {
        margin-top: 3rem;
    }
}
.accordion-wrapper .panel a
{
    font-size: 1.6rem;
}
.accordion-wrapper .panel ul li
{
    font-size: 1.6rem; 

    position: relative;

    margin-top: 1.5rem;
    padding-left: 3rem;
}
.accordion-wrapper .panel ul li:before
{
    position: absolute;
    top: 1.7rem;
    left: 0;

    display: block;

    width: 1rem;
    height: .1rem;

    content: '';

    background-color: #073a7c;
}
.accordion-wrapper .panel ul li ul
{
    margin-top: 0;
}
.accordion-wrapper .panel ul li ul > li ul
{
    margin-top: 0;
}
.accordion-wrapper .panel ul li ul > li ul > li
{
    margin-top: 0;
}
@media (max-width: 63.99em)
{
    .accordion-wrapper .panel
    {
        padding: 20px;
    }
}

/* ==========================================================================
   # TEXT
   ========================================================================== */
/*
---
name: Introduction
category: 01 - Atoms
---

Light version
```introduction.html
    <span class="c-introduction">A disruptive yet mature inertial technology, 
patented by Safran Electronics & Defense.</span>
```

Dark version
```introduction-dark.html
 <div style="background: linear-gradient(51.51deg, #02143A 0%, #070E1D 100%); padding: 2rem;">
    <span class="c-introduction c-introduction--dark">A disruptive yet mature inertial technology, 
    patented by Safran Electronics & Defense.</span>
  </div>
```
*/
.c-introduction
{
    font-size: 3rem;
    font-weight: 400;
    line-height: 1.4; 

    display: block;

    color: #141d29;
}
.c-introduction--dark
{
    color: #fff;
}

.c-introduction--small
{
    font-size: 2rem;
}

/* ==========================================================================
   # TEXT
   ========================================================================== */
/*
---
name: Captions
category: 01 - Atoms
---

Normal
```caption.html
    <div class="c-caption">
      Published 04/05/2019
    <div>
```

Bold
```caption-bold.html
    <div class="c-caption c-caption--bold">
       Published 04/05/2019
    <div>
```

Small
```caption-small.html
    <div class="c-caption c-caption__small">
      Published 04/05/2019
    <div>
```

Dark
```caption-dark.html
    <div class="c-caption c-caption--dark" style="background: linear-gradient(51.51deg, #02143A 0%, #070E1D 100%);">
      Published 04/05/2019
    <div>
```
*/
.c-caption
{
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.25; 

    letter-spacing: .06rem;

    color: #525668;
}
.c-caption--dark
{
    color: #fff;
}
.c-caption__small
{
    font-size: 1.3rem;
    line-height: 1.25; 

    letter-spacing: .049rem;
}
.c-caption--bold
{
    font-weight: 600;
}

/* ==========================================================================
   # TEXT
   ========================================================================== */
/*
---
name: Call to Action
category: 01 - Atoms
---

Call to action must be used with `<a>`, `<button>`.

Normal
```call-to-action.html
    <button class="c-cta">
      Any Question ?
    </button>
```

Dark
```call-to-action-dark.html
  <div style="background: linear-gradient(51.51deg, #02143A 0%, #070E1D 100%); padding: 2rem;">
    <button class="c-cta c-cta--dark">
      Any Question ?
    </button>
  </div>
```


*/
.c-cta
{
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.25;

    padding: 0;

    letter-spacing: .28rem;
    text-transform: uppercase; 

    color: #073a7c;
    border: none;
    background-color: transparent;
}
.c-cta--dark
{
    color: #7fb8e7;
}

/* ==========================================================================
   #Separator
   ========================================================================== */
/*
---
name: Separator
category: 01 - Atoms
---

The parent has to be in postion relative

Normal
```separator-dark.html
    <div style="background: linear-gradient(51.51deg, #02143A 0%, #070E1D 100%); height: 1rem">
    <div class="c-separator"></div>
    </div>
```

Dark
```separator-dark.html
    <div style="height: 1rem;">
      <div class="c-separator c-separator--dark"></div>
    </div>
```
*/
.c-separator
{
    position: absolute;
    z-index: 9;
    top: calc(-20rem / 2 - 2rem);
    right: 50%;

    width: .1rem;
    height: 14rem;

    opacity: 1 !important;
}
.c-separator--dark
{
    background-color: #e7eaf2;
}
.c-separator--scrolled
{
    transform: translateY(4rem);
}
.c-separator--animated
{
    animation-name: c-separator-scroll-animation;
    animation-duration: 2s;
    animation-timing-function: ease-in-out; 
    animation-iteration-count: infinite;
}
.c-separator--hidden
{
    display: none;
}
@media (max-width: 47.99em)
{
    .c-separator
    {
        display: none; 

        height: 4rem;

        transform: translateY(3rem);
    }
    .c-separator--animated
    {
        animation: none;
    }
    .c-separator--scrolled
    {
        transform: translateY(3rem);
    }
}
.alternative_homepage .c-separator
{
    top: calc(-20rem / 2 - 5rem);

    height: 10rem;
}

/* ==========================================================================
   # SHORT DESCRIPTION
   ========================================================================== */
/*
---
name: Short description
category: 01 - Atoms
---

Light version
```short-description.html
    <h2 class="c-short-description">Safran Electronics & Defense, a Safran high-tech company, holds world or European leadership positions in optronics, avionics, electronics and critical software for both civil and military markets. Operating across the globe, it employs 8,161 people.</h2>
```

Dark version
```short-description-dark.html
 <div style="background: linear-gradient(51.51deg, #02143A 0%, #070E1D 100%); padding: 2rem;">
    <h2 class="c-short-description c-short-description--dark">Safran Electronics & Defense, a Safran high-tech company, holds world or European leadership positions in optronics, avionics, electronics and critical software for both civil and military markets. Operating across the globe, it employs 8,161 people.</h2>
  </div>
```
*/
.c-short-description
{
    font-size: 3rem;
    line-height: 1.33;

    max-width: 84.5rem;
    margin: 0 auto;
    padding-top: 6rem;
    padding-bottom: 8rem;

    text-align: center;
}
@media (max-width: 87.49em)
{
    .c-short-description
    {
        max-width: 70%;
    }
}
@media (max-width: 47.99em)
{
    .c-short-description
    {
        font-size: 1.8rem;

        max-width: 100%;
        margin-top: -10rem; 
        padding: 10rem 0 4rem;
    }
}
.c-short-description--dark
{
    color: #fff;
}

/* ==========================================================================
   #Image item
   ========================================================================== */
/*
---
name: Image item
category: 01 - Atoms
---

Normal
```image-item.html
  <div class="o-grid">
    <div class="u-1/3">
      <div class="c-image-item">
        <img src="https://via.placeholder.com/1200x900" />
      </div>
    </div>
  </div>
```

Hoverable
```image-hover.html
<div class="o-grid">
    <div class="u-1/3">
  <div class="c-image-item">
    <img src="https://via.placeholder.com/1200x900" />
    <div class="c-image-item__infos">
      <div class="c-caption c-caption--dark c-caption--bold">Title</div>
      <div class="c-caption c-caption--dark content">Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem</div>
      <div class="c-caption c-caption--dark">@ Credits</div>
    </div>
  </div>
  </div>
</div>
```
*/
.c-image-item
{
    position: relative;

    display: inline-flex;
    overflow: hidden;

    max-width: 38rem;
    height: 25rem;
}
@media (max-width: 63.99em)
{
    .c-image-item
    {
        max-width: 27.5rem;
        height: 18rem;
    }
}
.c-image-item:hover .c-image-item__background-img
{
    border: 7px solid #02143a; 

    filter: blur(3px);
}
.c-image-item:hover .c-image-item__infos
{
    opacity: 1;
}
.c-image-item .c-image-item__background-img
{
    box-sizing: border-box;
    width: 100%;

    transform: scale(1.03);
    transform: all .1s ease-in-out; 

    -o-object-fit: cover;
       object-fit: cover;
}
.c-image-item__infos
{
    position: absolute;
    z-index: 4;
    bottom: 0;
    left: 0;

    display: flex;
    flex-direction: column;

    width: 100%;
    height: 100%;
    padding: 3rem;
    padding-bottom: 5rem;

    transition: all .1s ease-in-out; 

    opacity: 0;
    background-color: rgba(17, 39, 83, .9);

    justify-content: flex-end;
}
@media (max-width: 63.99em)
{
    .c-image-item__infos
    {
        padding-bottom: 2rem;
    }
    .c-image-item__infos .c-caption
    {
        font-size: 1.4rem;
        line-height: 1.28; 

        letter-spacing: .05rem;
    }
}
.c-image-item__infos .full-screen
{
    position: absolute;
    top: 0;
    right: 0;

    margin-right: .4rem;
    padding: 2rem;

    cursor: pointer;

    border: none;
    background-color: transparent;
    /*
      // TODO: CHANGE FOR THE RIGHT ICON
      &:after {
        color: $white;
        content: $icon-goto;
        font-family: 'icomoon' !important;
      }
      */
}
.c-image-item__infos .content
{
    margin: .5rem 0 1rem;
}
.c-image-item__expand-icon
{
    width: 2rem;
    height: 2rem;
}

/* ==========================================================================
   #Download file
   ========================================================================== */
/*
---
name: Download file
category: 01 - Atoms
---

Normal
```download-file.html
    <a class="c-download-file" href="#" download>
      <div>
        <div class="c-cta">Download</div>
        <div class="c-caption c-caption__small">(PDF, 3.56mb)</div>
      </div>
    </a>
```

Dark
```download-file-dark.html
    <div class="u-bg--dark" style="padding: 2rem;">
      <a class="c-download-file c-download-file--dark" href="#" download>
        <div>
          <div class="c-cta c-cta--dark">Download</div>
          <div class="c-caption c-caption--dark c-caption__small">(PDF, 3.56mb)</div>
        </div>
      </a>
    </div>
```

*/
.c-download-file
{
    display: inline-flex;

    padding: 1rem;

    align-items: center;
    justify-content: center;
    /*
  &__icon {
    margin-right: 2rem;


    &::after {
      color: $blue-lighter;
      content: $icon-download1;
      font-family: 'icomoon' !important;
      font-size: 1.6rem;
    }

  }
  */
}
.c-download-file__icon-container
{
    position: relative;

    width: 1.6rem;
    height: 1.8rem;
    margin-right: 2rem;
}
.c-download-file__icon-arrow
{
    font-size: 1.6rem;

    position: absolute;
    top: 0rem;
    left: 0;

    height: auto;
}
.c-download-file__icon-bottom
{
    font-size: 1.6rem;

    position: absolute;
    bottom: 0;
    left: 0;

    height: auto;
}
.c-download-file .c-cta
{
    display: flex;

    margin-right: .5rem; 

    align-items: center;
}
.c-download-file .c-caption
{
    margin-top: .4rem;

    text-transform: uppercase;
}
.c-download-file--inline .c-download-file__cta-container
{
    display: flex;
}
.c-download-file--inline .c-caption
{
    margin-top: .2rem;
}

/* ==========================================================================
   #Video item
   ========================================================================== */
.c-video-item
{
    display: flex;

    max-width: 70vw;
    margin: 0 auto; 

    cursor: pointer;
    text-align: left;

    border: none;
    background-color: transparent;

    align-items: center;
}
.c-video-item:hover img,
.c-video-item:hover iframe
{
    transform: scale(1.02);
}
.c-video-item__image
{
    position: relative;

    display: flex;
    overflow: hidden;

    width: 100%;

    transform-origin: center center; 

    background-color: #84899f;

    align-items: center;
    justify-content: center;
}
.c-video-item__image img
{
    width: 100%;
    height: 100%; 

    transition: all .2s;
    transform: scale(1.01);
    transform-origin: center center;

    -o-object-fit: cover;
       object-fit: cover;
}
.c-video-item__image .c-video-item__subtitle
{
    font-size: 28px;
    line-height: 1.3;

    position: absolute;
    top: calc(50% + 6rem);
    left: 0;

    width: 100%;
    padding: 0 4rem;

    text-align: center; 

    color: #fff;
}
.c-video-item__image .player
{
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;

    display: flex;

    width: 9.3rem;
    height: 9.3rem;

    transition: all .5s; 
    transform: translate(-50%, -50%);

    border: .3rem solid #fff;
    border-radius: 4.5rem;
    box-shadow: 0 .6rem 1rem 0 rgba(0, 0, 0, .4);

    align-items: center;
    justify-content: center;
}
.c-video-item__image .player:after
{
    display: block;

    box-sizing: border-box;
    width: 2rem;
    height: 2rem;
    margin-left: .5rem;

    content: ''; 

    border-width: 1rem 0 1rem 1.5rem;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
}
@media (max-width: 47.99em)
{
    .c-video-item__image .player
    {
        width: 4.4rem;
        height: 4.4rem;

        border: .2rem solid #fff;
    }
    .c-video-item__image .player::after
    {
        width: 1rem;
        height: 1rem;
        margin-left: .2em;

        border-width: .5rem 0 .5rem .75rem;
    }
}
.c-video-item__content
{
    display: flex;
    flex-direction: column;

    margin-left: 2.5rem; 

    flex: 1;
    justify-content: center;
}
@media (max-width: 63.99em)
{
    .c-video-item__content
    {
        flex-direction: row-reverse;
        /*
      position: absolute;
      bottom: 0.5rem;
      width: 100%;
      margin-top: 1.2rem;
      margin-left: 0;
      */

        width: 100%;
        margin-top: .5rem;
        margin-left: 0;
        margin-left: .2rem; 

        align-items: flex-start;
        justify-content: flex-end;
    }
    .c-video-item__content span
    {
        margin-top: .2rem;
    }
}
.c-video-item__content p
{
    margin: 0;

    color: #1b1d27;
}
@media (max-width: 63.99em)
{
    .c-video-item__content p
    {
        font-size: 1.4rem;
    }
}
.c-video-item__content span
{
    font-size: 1.6rem;
    line-height: 2rem; 

    letter-spacing: .06rem;

    color: #84899f;
}
@media (max-width: 63.99em)
{
    .c-video-item__content span
    {
        font-size: 1.4rem;
        line-height: 1.8rem; 

        display: inline-block;

        letter-spacing: .53px;
    }
}
@media (max-width: 63.99em)
{
    .c-video-item__content span:after
    {
        margin: 0 .4rem;

        content: '-';
    }
}
.c-video-item__dark-gradiant
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    background: linear-gradient(180deg, rgba(2, 20, 58, 0) 0%, rgba(17, 39, 83, .83) 100%);
}
.c-video-item__bottom-title
{
    position: relative;

    display: block;

    margin-top: 2rem; 

    text-align: center;
}
@media (min-width: 64em)
{
    .c-video-item__bottom-title
    {
        margin-top: 4rem;
    }
}
.c-video-item__bottom-title span
{
    font-size: 1.8rem;
    line-height: 2.4rem;

    letter-spacing: .01rem;

    color: #141d29;
}
@media (min-width: 64em)
{
    .c-video-item__bottom-title span
    {
        font-size: 2.8rem;
        line-height: 3.6rem;
    }
}
.c-video-item--small
{
    height: 13rem;
    padding: 1rem;
    padding-right: 1.5rem;
}
.c-video-item--small:hover img
{
    transform: none;
}
.c-video-item--small:hover .c-video-item__image .player
{
    border-width: .2rem;
}
.c-video-item--small .c-video-item__image
{
    width: 16.5rem;
}
@media (max-width: 63.99em)
{
    .c-video-item--small .c-video-item__image
    {
        width: 21.8rem;
    }
}
.c-video-item--small .c-video-item__image .player
{
    width: 4.2rem;
    height: 4.2rem;

    border-width: .2rem;
}
@media (max-width: 47.99em)
{
    .c-video-item--small .c-video-item__image .player
    {
        width: 4.4rem;
        height: 4.4rem;

        border: .2rem solid #fff;
    }
}
.c-video-item--small .c-video-item__image .player:after
{
    width: 1rem;
    height: 1rem;
    margin-left: .2em;

    content: ''; 

    border-width: .5rem 0 .5rem .75rem;
}
@media (max-width: 63.99em)
{
    .c-video-item--small
    {
        height: inherit;
        padding: 0 .75rem;
    }
}
@media (max-width: 47.99em)
{
    .c-video-item--small
    {
        width: 23rem;
        height: auto;
    }
}
.c-video-item--dark .c-video-item__content p
{
    color: #fff;
}
.c-video-item--dark .c-video-item__content span
{
    color: #84899f;
}
.c-video-item--column
{
    flex-direction: column;

    padding-bottom: 6rem;
}
@media (min-width: 48em)
{
    .c-video-item--column
    {
        padding-right: 2rem; 
        padding-left: 2rem;
    }
}
@media (min-width: 64em)
{
    .c-video-item--column
    {
        margin-top: -3rem;
        padding-right: 0; 
        padding-bottom: 12.6rem;
        padding-left: 0;
    }
}
@media (min-width: 87.5em)
{
    .c-video-item--column
    {
        margin-top: -8rem;
    }
}
.c-video-item--full .c-video-item__image,
.c-video-item--showcase .c-video-item__image
{
    padding-top: 0;
}
.c-video-item--full .c-video-item__image iframe,
.c-video-item--showcase .c-video-item__image iframe
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: none;

    width: 100%;
    height: 100%;

    transition: all .2s;
    transform: scale(1.01); 
    transform-origin: center center;

    -o-object-fit: cover;
       object-fit: cover;
}
.c-video-item--slider .c-video-item__image .player
{
    width: 4.4rem;
    height: 4.4rem;

    border: .2rem solid #fff;
}
.c-video-item--slider .c-video-item__image .player:after
{
    width: 1.2rem;
    height: 1rem;

    border-width: .4rem 0 .4rem .7rem;
}
.c-video-item--alt
{
    max-width: 100%;
}
.c-video-item .c-yt-no-consent-message
{
    position: absolute;
    top: calc(50% - 10px);

    display: none;

    transform: translateY(-50%);
    text-align: center;

    color: #fff;
}
.c-video-item .c-yt-no-consent-message a
{
    text-decoration: underline; 

    color: #fff;
}
.c-video-item.display-player .c-video-item__image
{
    padding-top: 56.25%;
}
.c-video-item.display-player .c-video-item__image iframe
{
    display: inherit;
}
.c-video-item.display-player .c-video-item__image img,
.c-video-item.display-player .c-video-item__image .player
{
    display: none;
}
.c-video-item.display-player.yt-no-consent
{
    cursor: default;
}
.c-video-item.display-player.yt-no-consent iframe
{
    display: none;
}
.c-video-item.display-player.yt-no-consent .c-yt-no-consent-message
{
    display: block;
}
@media (max-width: 63.99em)
{
    .c-video-item
    {
        flex-direction: column;
    }
}
@media (max-width: 47.99em)
{
    .c-video-item .c-video-item__image .c-video-item__subtitle
    {
        font-size: 1.8rem; 

        top: calc(50% + 2rem);
    }
}

.c-structured-elements-list--playlists .c-video-item__image
{
    padding-top: 56.25%;
}
.c-structured-elements-list--playlists .c-video-item__image img
{
    position: absolute;
    top: 0;
    left: 0;
}

/* ==========================================================================
   #Number grade
   ========================================================================== */
.c-number-grade
{
    font-size: 3.6rem;
    font-weight: 300;
    line-height: 1.25;

    display: flex;

    margin: 0;

    color: #84899f;

    justify-content: center;
    align-items: flex-end;
}
@media (max-width: 47.99em)
{
    .c-number-grade
    {
        font-size: 2rem;
    }
}
.c-number-grade__number
{
    font-family: 'Barlow';
    font-size: 9.5rem;
    font-weight: 300; 

    color: #000;
}
@media (max-width: 47.99em)
{
    .c-number-grade__number
    {
        font-size: 6rem;
    }
}
.c-number-grade__number .odometer-value
{
    font-family: 'Barlow'; 

    min-width: 5rem;
}
@media (max-width: 47.99em)
{
    .c-number-grade__number .odometer-value
    {
        min-width: 3.8rem;
    }
}
.c-number-grade__number .odometer-digit
{
    max-width: 5rem;
}
@media (max-width: 47.99em)
{
    .c-number-grade__number .odometer-digit
    {
        max-width: 3.8rem;
    }
}
.c-number-grade__grade-number
{
    padding-bottom: 1.2rem;
}
.c-number-grade--dark
{
    color: #fff;
}
.c-number-grade--dark span
{
    color: #8eace6;
}
.c-number-grade .c-visiblity-ie
{
    display: none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
{
    .c-number-grade .c-visibility-allnav
    {
        display: none;
    }
    .c-number-grade .c-visiblity-ie
    {
        display: block;
    }
}

/* ==========================================================================
   #Ordered item
   ========================================================================== */
/*
---
name: Ordered item
category: 01 - Atoms
---

Normal
```ordered-item.html
  <div class="o-grid">
    <div class="u-1/3">
      <li class="c-ordered-item">
        <span>1.</span>
        Comparison of the percentage of men and women having received a raise.
      </li>
    </div>
  </div>
```

Dark
```ordered-item-dark.html
  <div class="o-grid" style="background: linear-gradient(51.51deg, #02143A 0%, #070E1D 100%); padding: 2rem;">
    <div class="u-1/3">
      <li class="c-ordered-item c-ordered-item--dark">
        <span>1.</span>
        Comparison of the percentage of men and women having received a raise.
      </li>
    </div>
  </div>
```

*/
@media (max-width: 47.99em)
{
    .c-ordered-item
    {
        font-size: 1.6rem; 

        display: flex;
    }
}

.c-ordered-item span
{
    display: block;
}
@media (max-width: 47.99em)
{
    .c-ordered-item span
    {
        display: inline-block;

        margin-right: 1rem;
    }
}

.c-ordered-item p
{
    margin: 0;
}

.c-ordered-item--dark
{
    color: #fff;
}
.c-ordered-item--dark span
{
    color: #8eace6;
}

.c-ordered-item--result
{
    font-size: 1.6rem; 
    font-weight: bold;

    color: #1b1d27;
}

/* ==========================================================================
   #PAGINATION
   ========================================================================== */
@media (max-width: 63.99em)
{
    .pagination
    {
        width: 100%;
        padding: 0 3rem;
    }
}

@media (max-width: 23.4375em)
{
    .pagination
    {
        padding: 0 2rem;
    }
}

.pagination__pages
{
    display: flex; 

    width: 100%;
}
@media (max-width: 63.99em)
{
    .pagination__pages
    {
        align-items: center;
        justify-content: center;
    }
}

.pagination__page
{
    font-size: 1.8rem;

    padding: .5rem 1rem;

    transition: all .5s ease-in-out; 

    color: #1b1d27;
    border: none;
    background: none;
}
.pagination__page:hover
{
    background: rgba(0, 0, 0, .05);
}
.pagination__page--active
{
    padding: .5rem 1rem !important;

    color: #fff; 
    background-color: #255b8e;
}
.pagination__page--active:hover
{
    background-color: #255b8e;
}

.pagination__ellipsis
{
    font-size: 1.8rem;

    padding: .5rem 1rem;

    transition: all .5s ease-in-out; 

    color: #a4acbc;
}
@media (max-width: 22.125em)
{
    .pagination__ellipsis
    {
        padding: .5rem .5rem;
    }
}

.pagination__nav-btn
{
    display: inline-block;

    padding: 0 2rem;

    transition: all .5s ease-in-out;
    pointer-events: none; 

    opacity: 0;
    border: none;
    background: none;
}
.pagination__nav-btn:hover:before
{
    color: #255b8e;
}
.pagination__nav-btn::before
{
    font-family: 'icomoon' !important;
    font-size: 1.6rem;

    content: '';
    vertical-align: middle; 

    color: #84899f;
}
@media (max-width: 63.99em)
{
    .pagination__nav-btn
    {
        padding-left: 0;
    }
    .pagination__nav-btn::before
    {
        font-size: 2.55rem;
    }
}
@media (max-width: 63.99em) and (max-width: 22.125em)
{
    .pagination__nav-btn::before
    {
        font-size: 2rem;
    }
}
.pagination__nav-btn--prev
{
    pointer-events: visible; 

    opacity: 1;
}
.pagination__nav-btn--prev::before
{
    display: block;

    margin-top: .2rem;
}
.pagination__nav-btn--next
{
    transform: rotate(180deg); 
    pointer-events: visible;

    opacity: 1;
}
.pagination__nav-btn--next::before
{
    display: block;

    margin-bottom: .2rem;
}
.pagination__nav-btn--first
{
    display: inline-block;

    padding: 0 2rem;

    border: none;
    background: none;
}
.pagination__nav-btn--first::before
{
    font-family: 'icomoon' !important;
    font-size: 1.6rem;

    content: '';
    vertical-align: middle; 

    color: #84899f;
}
.pagination__nav-btn--first::after
{
    font-family: 'icomoon' !important;
    font-size: 1.6rem;

    content: '';
    vertical-align: middle; 

    color: #84899f;
}
.pagination__nav-btn--last
{
    display: inline-block;

    padding: 0 2rem;

    transform: rotate(180deg); 

    border: none;
    background: none;
}
.pagination__nav-btn--last::before
{
    font-family: 'icomoon' !important;
    font-size: 1.6rem;

    content: '';
    vertical-align: middle; 

    color: #84899f;
}
.pagination__nav-btn--last::after
{
    font-family: 'icomoon' !important;
    font-size: 1.6rem;

    content: '';
    vertical-align: middle; 

    color: #84899f;
}

@media (max-width: 30em)
{
    .pagination__nav-btn
    {
        padding: 0 3.5rem 0 0;
    }
    .pagination__nav-btn:before
    {
        font-size: 2.55rem;
    }
    .pagination__page
    {
        padding: .5rem .5rem;
    }
}

@media (max-width: 328px)
{
    .pagination .pagination__nav-btn
    {
        padding: 0 .5rem 0 0;
    }
}

/* ==========================================================================
   #Highlight menu
   ========================================================================== */
/*
---
name: Highligh Menu
category: 01 - Atoms
---


```highlight-menu.html

  <div class="c-highlight-menu">
    <img src="https://via.placeholder.com/20x20" />
    <span class="c-highlight-menu__title">Test</span>
    <a class="c-btn c-btn--text-button c-highlight-menu__btn" href="#">See more</a>
  </div>
```
*/
.c-highlight-menu
{
    display: flex;
    flex-direction: column;

    max-width: 29rem;
    padding: 0 4rem;

    text-align: center; 

    align-items: center;
    justify-content: center;
}
.c-highlight-menu__title
{
    font-size: 1.9rem; 

    max-width: 20rem;
    margin-top: 1.5rem;

    color: #fff;
}
.c-highlight-menu__btn
{
    margin-top: auto;

    color: #fff;
}

.c-checkbox
{
    font-size: 1.4rem;

    position: relative;

    display: block;

    padding-bottom: 0rem;
    padding-left: 3.2rem;

    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    color: #1b1d27;
    /* When the checkbox is checked, add a blue background */
    /* Create the checkmark/indicator (hidden when not checked) */
    /* Show the checkmark when checked */
}
.c-checkbox--invisible
{
    display: none;
}
.c-checkbox__input
{
    position: absolute;

    width: 0; 
    height: 0;

    cursor: pointer;

    opacity: 0;
}
.c-checkbox__checkmark
{
    position: absolute;
    top: .4rem;
    left: 0;

    width: 1.6rem;
    height: 1.6rem;

    border: .1rem solid #bcbfcf; 
    border-radius: .2rem;
    background-color: #fff;
}
.c-checkbox__input:checked ~ .c-checkbox__checkmark
{
    border-color: #255b8e;
}
.c-checkbox__checkmark:after
{
    position: absolute;
    top: -2px;
    left: 5px;

    display: none;

    width: 6px;
    height: 14px;

    content: '';
    transform: rotate(45deg); 

    border: solid #255b8e;
    border-width: 0 1.5px 1.5px 0;
}
.c-checkbox__input:checked ~ .c-checkbox__checkmark:after
{
    display: block;
}

.js-load-more--initially-hidden-desktop
{
    display: block; 

    transition: max-height 0s ease-in-out;

    will-change: 999vh;
}
@media (min-width: 48em)
{
    .js-load-more--initially-hidden-desktop
    {
        display: none; 

        max-height: 0;
    }
}

.js-load-more--initially-hidden-responsive
{
    transition: max-height 0s ease-in-out;

    will-change: 999vh;
}
@media (max-width: 47.99em)
{
    .js-load-more--initially-hidden-responsive
    {
        display: none; 
        overflow-y: hidden;

        max-height: 0;
    }
}

.js-load-more--initially-hidden-desktop--visible
{
    transition: max-height 0s ease-in-out;

    will-change: 999vh;
}
@media (min-width: 48em)
{
    .js-load-more--initially-hidden-desktop--visible
    {
        display: block; 

        max-height: 999vh;
    }
}

.js-load-more--initially-hidden-responsive--visible
{
    max-height: 999vh;

    will-change: 999vh;
}
@media (max-width: 47.99em)
{
    .js-load-more--initially-hidden-responsive--visible
    {
        display: block;
        overflow-y: visible; 

        max-height: 999vh;
    }
}

@media (min-width: 48em)
{
    .js-load-more--buttons-hidden-desktop
    {
        display: none;
    }
}

@media (max-width: 47.99em)
{
    .js-load-more--buttons-hidden-responsive
    {
        display: none;
    }
}

.js-load-more--container--tablet-bp .js-load-more--initially-hidden-desktop
{
    overflow-y: hidden;

    transition: max-height 0s ease-in-out;

    will-change: 999vh;
}
@media (min-width: 64em)
{
    .js-load-more--container--tablet-bp .js-load-more--initially-hidden-desktop
    {
        max-height: 0;
    }
}

.js-load-more--container--tablet-bp .js-load-more--initially-hidden-responsive
{
    overflow-y: hidden;

    transition: max-height 0s ease-in-out;

    will-change: 999vh;
}
@media (max-width: 63.99em)
{
    .js-load-more--container--tablet-bp .js-load-more--initially-hidden-responsive
    {
        max-height: 0;
    }
}

.js-load-more--container--tablet-bp .js-load-more--initially-hidden-desktop--visible
{
    transition: max-height 0s ease-in-out;

    will-change: 999vh;
}
@media (min-width: 64em)
{
    .js-load-more--container--tablet-bp .js-load-more--initially-hidden-desktop--visible
    {
        max-height: 999vh;
    }
}

.js-load-more--container--tablet-bp .js-load-more--initially-hidden-responsive--visible
{
    max-height: 999vh;

    will-change: 999vh;
}
@media (max-width: 63.99em)
{
    .js-load-more--container--tablet-bp .js-load-more--initially-hidden-responsive--visible
    {
        max-height: 999vh;
    }
}

@media (min-width: 64em)
{
    .js-load-more--container--tablet-bp .js-load-more--buttons-hidden-desktop
    {
        display: none;
    }
}

@media (max-width: 63.99em)
{
    .js-load-more--container--tablet-bp .js-load-more--buttons-hidden-responsive
    {
        display: none;
    }
}

.c-progress-bar
{
    display: block;

    width: 355px;
    height: 8px;

    border-radius: 5px;
    background-color: #c2ddf3;
    box-shadow: -2px 2px 6px 0 rgba(0, 0, 0, .2);
}
.c-progress-bar__background
{
    position: relative;

    display: block;

    height: 8px;

    border-radius: 5px;
    background: linear-gradient(270deg, #255b8e 0%, #0f60a7 100%);
}

@media (max-width: 48em)
{
    .c-progress-bar
    {
        width: 100%;
        max-width: 366px; 
        margin-top: 18px;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 30em)
{
    .c-progress-bar
    {
        width: 217px;
    }
}

.c-modal
{
    position: fixed;
    z-index: 100000;
    top: 0;
    left: 0;

    display: none; 

    width: 100%;
    height: 100%;

    background-color: rgba(27, 29, 39, .94);
}
.c-modal.show-modal
{
    display: block;
}
.c-modal .c-modal-wrapper
{
    position: relative;

    display: flex;

    width: 100%;
    height: 100%;
}
.c-modal .c-modal-wrapper__close
{
    position: absolute;
    top: 0;
    right: 0;

    display: flex;

    width: 54px;
    height: 54px;

    cursor: pointer; 

    background-color: #112753;

    align-items: center;
    justify-content: center;
}
.c-modal .c-modal-wrapper__close img
{
    width: 1.3rem;
    height: 1.3rem;
}
.c-modal .c-modal-wrapper .c-modal-content
{
    width: 100%; 
    height: 100%;
}

.c-modal.white-background .c-modal-wrapper
{
    position: relative;

    display: flex;

    width: 100%;
    height: 100%;
    padding: 45px;

    text-align: center; 

    background-color: #fff;
}
.c-modal.white-background .c-modal-wrapper .c-modal-content
{
    width: 100%; 
    height: 100%;
}
.c-modal.white-background .c-modal-wrapper .c-modal-content .buttons-wrapper
{
    display: flex;

    flex-flow: column;
}
.c-modal.white-background .c-modal-wrapper .c-modal-content .c-btn
{
    width: 100%;
}
.c-modal.white-background .c-modal-wrapper .c-modal-content .c-btn--primary-inverted
{
    margin-top: 16px; 
    padding: 1.9rem 3.9rem;
}
@media (min-width: 48em)
{
    .c-modal.white-background .c-modal-wrapper
    {
        top: 50%;
        left: 50%;

        width: 460px;
        max-width: 100%;
        height: 215px;
        max-height: 100%;

        transform: translate(-50%, -50%);
    }
    .c-modal.white-background .c-modal-wrapper .c-modal-content .buttons-wrapper
    {
        flex-flow: row;
    }
    .c-modal.white-background .c-modal-wrapper .c-modal-content .c-btn
    {
        width: auto;
    }
    .c-modal.white-background .c-modal-wrapper .c-modal-content .c-btn--primary-inverted
    {
        margin-top: 0;
        margin-left: 30px;
    }
}

.c-textarea__label
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.8rem;
    line-height: 2rem;

    display: block;

    margin-bottom: 1.5rem; 

    letter-spacing: .6px;

    color: #525668;
}

.c-textarea__field
{
    position: relative;

    padding: 0;

    resize: none; 
    cursor: text;
}
.c-textarea__field:focus
{
    border-color: #255b8e;
}

.c-textarea__wordsNumber
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.3rem;
    line-height: 1.6rem;

    display: none;

    margin-top: 1rem; 

    letter-spacing: .49px;

    color: #84899f;
}

.c-textarea .text-count-wrapper
{
    display: block;

    margin-top: 1rem;
}
.c-textarea .text-count-wrapper .text-count-message
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.3rem;
    line-height: 1.6rem;

    letter-spacing: .49px;

    color: #84899f;
}

/* ==========================================================================
   #Go to page
   ========================================================================== */
/*
---
name: Go to page
category: 01 - Atoms
---

Normal
```go-to-page.html
    <a class="c-go-to-page" href="#" download>
      <div>
        <div class="c-cta">Download</div>
        <div class="c-caption c-caption__small">(PDF, 3.56mb)</div>
      </div>
    </a>
```

Dark
```download-file-dark.html
    <div class="u-bg--dark" style="padding: 2rem;">
      <a class="c-go-to-page c-go-to-page--dark" href="#" download>
        <div>
          <div class="c-cta c-cta--dark">Download</div>
          <div class="c-caption c-caption--dark c-caption__small">(PDF, 3.56mb)</div>
        </div>
      </a>
    </div>
```

*/
.c-go-to-page
{
    display: inline-flex;

    padding: 1rem; 

    align-items: center;
    justify-content: center;
}
@media (max-width: 47.99em)
{
    .c-go-to-page
    {
        padding-left: .3rem;
    }
}
.c-go-to-page__icon-container
{
    position: relative;

    width: 1rem;
    height: 1.8rem;
    margin-right: 2rem;
}
.c-go-to-page__icon-arrow
{
    font-size: .8rem; 

    position: absolute;
    top: .6rem;
    left: -.4rem;
}
@supports (-moz-appearance: none)
{
    .c-go-to-page__icon-arrow
    {
        top: .4rem;
    }
}
.c-go-to-page__icon-square
{
    font-size: 1.6rem;

    position: absolute;
    bottom: 0;
    left: 0;

    transform: rotate(180deg);
}
.c-go-to-page .c-cta
{
    display: flex;

    margin-right: .5rem; 

    align-items: center;
}
.c-go-to-page .c-caption
{
    margin-top: .4rem;

    text-transform: uppercase;
}
.c-go-to-page--inline .c-go-to-page__cta-container
{
    display: flex;
}
.c-go-to-page--inline .c-caption
{
    margin-top: .2rem;
}

.c-image-orientation__image--portrait
{
    position: relative;

    display: flex !important;
    overflow: hidden; 

    align-items: center;
    justify-content: center;
}
.c-image-orientation__image--portrait__img
{
    z-index: 3;

    width: auto !important;
    height: 100%;
}
.c-image-orientation__image--portrait--blur
{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    transform: scale(1.1);
    transform-origin: center center; 

    background-position: center center;
    background-size: 100% auto;

    filter: blur(1rem);
}

.c-image-orientation__image--background
{
    position: relative;
    z-index: 2;

    overflow: hidden; 

    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 100%;
}
.c-image-orientation__image--background--blur
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    transform: scale(1.05);
    transform-origin: center center; 

    background-position: center center;
    background-size: 100% auto;

    filter: blur(1rem);
}
.c-image-orientation__image--background--container
{
    position: relative;

    overflow: hidden;
}

/* ==========================================================================
   #INPUT NEWSLETTER
   ========================================================================== */
.c-news-sub
{
    position: relative;

    display: flex;
}
.c-news-sub--full-dark
{
    width: 75%;
    margin: 0 auto;
}
.c-news-sub--full-dark .c-input__input
{
    min-height: 6.4rem;
    margin-bottom: 0;
    padding: 2rem 2.3rem;

    color: #d1d6e6;
    border: none;
    background-color: rgba(255, 255, 255, .07);
}
.c-news-sub--full-dark .c-input__label
{
    line-height: 1.7rem; 

    top: 2.5rem;

    color: #d1d6e6;
}
.c-news-sub--full-dark .c-btn--valid
{
    width: 6.4rem;
    height: 6.4rem;

    background: linear-gradient(46.65deg, #0f60a7 0%, #23588b 100%);
}
.c-news-sub--full-dark > img
{
    top: 2rem;
    right: 2rem;

    width: 2.3rem;
}
@media (max-width: 63.99em)
{
    .c-news-sub--responsive-blue-button .c-news-sub__input-type-search-background-img
    {
        display: none;
    }
    .c-news-sub--responsive-blue-button .c-news-sub__input-type-search-background-img--dark
    {
        display: block;
    }
}
.c-news-sub--dark .c-input__input:focus
{
    border-right-color: #255b8e;
}
@media (max-width: 63.99em)
{
    .c-news-sub--dark
    {
        background-color: rgba(255, 255, 255, .07);
    }
    .c-news-sub--dark .c-input__input
    {
        background-color: transparent;
    }
    .c-news-sub--dark .c-news-sub__input-type-search-background-img
    {
        display: block;
    }
    .c-news-sub--dark .c-news-sub__input-type-search-background-img--dark
    {
        display: none;
    }
}
.c-news-sub__input-type-mail
{
    line-height: 5.2rem;

    position: relative;

    padding-left: .4rem;

    transition: all 300ms; 
            text-emphasis: center;

    border-radius: 0;
    background: #255b8e;

    -webkit-text-emphasis: center;
    -webkit-appearance: none;
}
.c-news-sub__input-type-mail:hover
{
    background: #084a90;
}
@media (max-width: 63.99em)
{
    .c-news-sub__input-type-mail
    {
        background: none;
        background-color: rgba(255, 255, 255, .07);
    }
}
.c-news-sub__input-type-search-background-img--dark
{
    display: none;
}
@media (max-width: 63.99em)
{
    .c-news-sub__input-type-search-background-img--dark
    {
        display: block;
    }
}
.c-news-sub .c-input
{
    font-size: 1.4rem;

    margin-right: .5rem; 

    flex: 1;
}
.c-news-sub .c-input__label--dark
{
    color: #d1d6e6;
}
.c-news-sub .c-btn
{
    margin-left: 0;

    border-radius: 0;
}
@media (max-width: 63.99em)
{
    .c-news-sub .c-btn--search
    {
        border: .1rem solid #bcbfcf; 
        background-color: #fff;
    }
}
.c-news-sub .c-btn--search--dark
{
    margin-left: -1px;
}
@media (max-width: 63.99em)
{
    .c-news-sub .c-btn--search--dark
    {
        border-color: transparent; 
        background: none;
        background-color: #2b2c36;
    }
}
.c-news-sub .c-btn--search--secondary-dark
{
    margin-left: -1px;
}
@media (max-width: 63.99em)
{
    .c-news-sub .c-btn--search--secondary-dark
    {
        border-color: transparent; 
        background: none;
        background-color: #31323d;
    }
}
@media (max-width: 63.99em)
{
    .c-news-sub .c-btn--text
    {
        border-color: transparent; 
        background: linear-gradient(46.65deg, #0f60a7 0%, #23588b 100%);
    }
}
.c-news-sub .c-btn--text--dark
{
    margin-left: 0;
}

@media (max-width: 64em)
{
    .c-footer .c-news-sub
    {
        background-color: inherit;
    }
    .c-footer .c-news-sub .c-input
    {
        margin-right: .5rem;

        background-color: rgba(255, 255, 255, .07);
    }
    .c-footer .c-news-sub .c-input .c-input__input:focus
    {
        border-right-color: transparent;
    }
}

.required-caption
{
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.25;

    padding-bottom: 15px;
}
.required-caption a
{
    font-size: inherit;
}

.geolocation-wrapper
{
    position: relative;
    z-index: 20;
}
.geolocation-wrapper .geolocation-field .border .input-like
{
    border: .1rem solid #255b8e;
}
.geolocation-wrapper .geolocation-field .c-input__label.fixed
{
    font-size: 1.1rem;
    line-height: 1;

    top: -1.8rem;
    left: 0;

    max-width: calc(100% + 5rem);
    padding-right: 0;

    color: #255b8e;
}
.geolocation-wrapper #geoloc-recap,
.geolocation-wrapper #geoloc-recap-mobile
{
    position: relative;

    min-height: 5.2rem; 
    padding-top: .4rem;
    padding-right: 30px;
    padding-bottom: .5rem;
}
.geolocation-wrapper #geoloc-recap .geoloc-tag,
.geolocation-wrapper #geoloc-recap-mobile .geoloc-tag
{
    font-size: 1.3rem;
    line-height: 13px; 

    z-index: 12;

    display: inline-flex;

    margin: 6px 8px;
    padding: .8rem;

    color: #fff;
    border: 0;
    border-radius: .4rem;
    background-color: #255b8e;
    background-image: none;
}
.geolocation-wrapper #geoloc-recap .geoloc-tag .label-tag,
.geolocation-wrapper #geoloc-recap-mobile .geoloc-tag .label-tag
{
    padding-right: .5rem;
}
.geolocation-wrapper #geoloc-recap .geoloc-tag .remove-tag,
.geolocation-wrapper #geoloc-recap-mobile .geoloc-tag .remove-tag
{
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 13px;

    position: relative;
    top: 0;
    left: 0; 

    margin-left: 2px;
    padding: 0 4px;

    cursor: pointer;
    transform: none;

    color: #fff;
    border: 0;
    background: none;

    order: 2;
}
.geolocation-wrapper #geoloc-recap .geoloc-tag .remove-tag span,
.geolocation-wrapper #geoloc-recap-mobile .geoloc-tag .remove-tag span
{
    pointer-events: none;
}
.geolocation-wrapper #geoloc-recap .geoloc-tag#geoloc-tag-around,
.geolocation-wrapper #geoloc-recap .geoloc-tag#geoloc-tag-around-mobile,
.geolocation-wrapper #geoloc-recap-mobile .geoloc-tag#geoloc-tag-around,
.geolocation-wrapper #geoloc-recap-mobile .geoloc-tag#geoloc-tag-around-mobile
{
    position: relative; 

    padding-left: 27px;
}
.geolocation-wrapper #geoloc-recap .geoloc-tag#geoloc-tag-around::before,
.geolocation-wrapper #geoloc-recap .geoloc-tag#geoloc-tag-around-mobile::before,
.geolocation-wrapper #geoloc-recap-mobile .geoloc-tag#geoloc-tag-around::before,
.geolocation-wrapper #geoloc-recap-mobile .geoloc-tag#geoloc-tag-around-mobile::before
{
    font-family: 'icomoon' !important;
    font-size: 1.2rem;

    position: absolute;
    top: 8px;
    left: 1rem;

    content: ''; 
    vertical-align: middle;
}
.geolocation-wrapper #geoloc-recap .geoloc-tag#geoloc-tag-worldwide,
.geolocation-wrapper #geoloc-recap .geoloc-tag#geolog-tag-worldwide-mobile,
.geolocation-wrapper #geoloc-recap-mobile .geoloc-tag#geoloc-tag-worldwide,
.geolocation-wrapper #geoloc-recap-mobile .geoloc-tag#geolog-tag-worldwide-mobile
{
    position: relative; 

    padding-left: 27px;
}
.geolocation-wrapper #geoloc-recap .geoloc-tag#geoloc-tag-worldwide::before,
.geolocation-wrapper #geoloc-recap .geoloc-tag#geolog-tag-worldwide-mobile::before,
.geolocation-wrapper #geoloc-recap-mobile .geoloc-tag#geoloc-tag-worldwide::before,
.geolocation-wrapper #geoloc-recap-mobile .geoloc-tag#geolog-tag-worldwide-mobile::before
{
    font-family: 'icomoon' !important;
    font-size: 1.2rem;

    position: absolute;
    top: 8px;
    left: 1rem;

    content: ''; 
    vertical-align: middle;
}
.geolocation-wrapper #geoloc-recap::after,
.geolocation-wrapper #geoloc-recap-mobile::after
{
    font-family: 'icomoon' !important;
    font-size: 1.8rem;

    position: absolute;
    top: 14px;
    right: 1rem;

    content: ''; 
    vertical-align: middle;
}
.geolocation-wrapper #geoloc-radio,
.geolocation-wrapper #geoloc-radio-mobile
{
    position: absolute;
    z-index: 10; 

    width: calc(100% - 3rem);

    color: #525668;
    border: solid .1rem #bcbfcf;
    border-top: 0;
    border-radius: 0;
    background-color: #fff;
}
.geolocation-wrapper #geoloc-radio.hidden,
.geolocation-wrapper #geoloc-radio.picked,
.geolocation-wrapper #geoloc-radio-mobile.hidden,
.geolocation-wrapper #geoloc-radio-mobile.picked
{
    display: none;
}
.geolocation-wrapper #geoloc-radio label,
.geolocation-wrapper #geoloc-radio-mobile label
{
    font-size: 14px;

    position: relative; 

    padding: 1.6rem 2rem;
    padding-left: 50px;
}
.geolocation-wrapper #geoloc-radio label::before,
.geolocation-wrapper #geoloc-radio-mobile label::before
{
    font-family: 'icomoon' !important;
    font-size: 1.8rem;

    position: absolute;
    top: 14px;
    left: 2rem;

    vertical-align: middle;
}
.geolocation-wrapper #geoloc-radio label:nth-child(1)::before,
.geolocation-wrapper #geoloc-radio-mobile label:nth-child(1)::before
{
    content: '';
}
.geolocation-wrapper #geoloc-radio label:nth-child(2)::before,
.geolocation-wrapper #geoloc-radio-mobile label:nth-child(2)::before
{
    content: '';
}
.geolocation-wrapper #geoloc-radio label:first-child,
.geolocation-wrapper #geoloc-radio-mobile label:first-child
{
    border-bottom: solid .1rem #bcbfcf;
}
.geolocation-wrapper #geoloc-radio label input,
.geolocation-wrapper #geoloc-radio-mobile label input
{
    position: absolute !important;

    overflow: hidden;
    clip: rect(0, 0, 0, 0);

    width: 1px;
    height: 1px;

    pointer-events: none; 

    border: 0;
}
.geolocation-wrapper #geoloc-radio label:hover,
.geolocation-wrapper #geoloc-radio label:focus,
.geolocation-wrapper #geoloc-radio-mobile label:hover,
.geolocation-wrapper #geoloc-radio-mobile label:focus
{
    cursor: pointer;

    color: #fff;
    background-color: #255b8e;
}
.geolocation-wrapper #geoloc-radio-mobile
{
    width: 100%;
}
.geolocation-wrapper .geoloc-tab
{
    position: absolute;
    z-index: 10;

    display: none;

    width: calc(100% - 3rem);
    padding: 2.6rem 2rem 1.6rem;

    text-align: center; 

    color: #525668;
    border: solid .1rem #bcbfcf;
    border-top: 0;
    border-radius: 0;
    background-color: #fff;
}
.geolocation-wrapper .geoloc-tab.active
{
    display: block;
}
.geolocation-wrapper .geoloc-tab-mobile
{
    width: 100%;
}
.geolocation-wrapper .geoloc-tab .c-structured-search-product__form-filters__select-container
{
    max-width: 100%;
    margin-bottom: 4rem; 

    text-align: left;
}
.geolocation-wrapper .geoloc-around
{
    text-align: center;
}
.geolocation-wrapper #geoloc-apply,
.geolocation-wrapper #geoloc-apply-mobile
{
    margin-top: 15px;
}
.geolocation-wrapper .slider-wrapper
{
    height: 100px;
}
.geolocation-wrapper .slider-wrapper label
{
    font-size: 16px;

    display: flex;

    margin-bottom: 25px;
}
.geolocation-wrapper .slider-wrapper label span
{
    margin-right: 3px; 
    margin-left: auto;

    color: #255b8e;
}
.geolocation-wrapper #geoloc-slider,
.geolocation-wrapper #geoloc-slider-mobile
{
    width: 95%;
    margin: 0 2.5%;
}
.geolocation-wrapper .noUi-target
{
    height: 8px; 

    border: 0;
    border-radius: 3px;
    background-color: #dee4ec;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
}
.geolocation-wrapper .noUi-handle
{
    top: -11px;
    right: -15.5px;

    width: 30px;
    height: 30px;

    cursor: pointer; 

    border: 6px solid transparent;
    background: transparent;
    box-shadow: none;
}
.geolocation-wrapper .noUi-handle .noUi-touch-area
{
    border-radius: 50px;
    background-color: #255b8e;
}
.geolocation-wrapper .noUi-handle:before,
.geolocation-wrapper .noUi-handle:after
{
    display: none;
}
.geolocation-wrapper .noUi-handle:focus,
.geolocation-wrapper .noUi-handle:focus-visible
{
    outline: auto 2px Highlight;
    outline: 5px auto -webkit-focus-ring-color;
}
.geolocation-wrapper .noUi-pips-horizontal
{
    height: 20px; 
    padding: 0;
}
.geolocation-wrapper .noUi-pips-horizontal .noUi-value-horizontal
{
    font-size: 10px;

    top: 0; 

    color: #525668;
}
.geolocation-wrapper .noUi-pips-horizontal .noUi-marker-horizontal
{
    width: 3px;
}
.geolocation-wrapper .noUi-pips-horizontal .noUi-marker-horizontal.noUi-marker-large
{
    height: 10px;

    background-color: #dee4ec;
}
.geolocation-wrapper .noUi-pips-horizontal .noUi-marker-horizontal.noUi-marker-normal
{
    display: none;
}
.geolocation-wrapper #geoloc-error,
.geolocation-wrapper #geoloc-error-mobile
{
    display: none; 

    color: #c6541c;
}
.geolocation-wrapper #geoloc-error.active,
.geolocation-wrapper #geoloc-error-mobile.active
{
    display: block;
}
.geolocation-wrapper #geoloc-error.active + .geoloc-around,
.geolocation-wrapper #geoloc-error-mobile.active + .geoloc-around
{
    display: none;
}
.geolocation-wrapper .geoloc-around .form-item-lat,
.geolocation-wrapper .geoloc-around .form-item-lon,
.geolocation-wrapper .geoloc-around .form-item-radius
{
    display: none;
}

.c-crisis-banner
{
    position: relative;

    display: flex;
    overflow: hidden; 

    max-width: 1400px;
    margin: 0 auto;

    align-items: center;
}
.c-crisis-banner:not(:first-child)
{
    margin-top: 1.5rem;
}
.c-crisis-banner__icon
{
    display: flex;

    width: 6.3rem; 
    padding: 2.1rem 2rem;

    align-items: center;
    justify-content: center;
}
.c-crisis-banner__icon img
{
    position: absolute;
    top: 20px; 

    width: 100%;
    height: 2.4rem;
}
@media (max-width: 47.99em)
{
    .c-crisis-banner__icon
    {
        width: 9.6rem; 

        align-self: stretch;
    }
    .c-crisis-banner__icon img
    {
        height: 2.6rem;
    }
}
.c-crisis-banner__container
{
    display: flex;

    width: calc(100% - 6.3rem);
    height: 100%;
    padding: 2rem 3rem; 

    align-items: center;
    justify-content: space-between;
}
@media (max-width: 47.99em)
{
    .c-crisis-banner__container
    {
        flex-direction: column;

        height: auto;

        align-self: stretch;
        align-items: initial;
        justify-content: center;
    }
}
@media (max-width: 29.99em)
{
    .c-crisis-banner__container
    {
        padding: 1.5rem 2rem;
    }
}
.c-crisis-banner__text p
{
    font-size: 1.8rem;
    line-height: 2.6rem; 

    margin: 0;

    letter-spacing: 0;
}
@media (max-width: 63.99em)
{
    .c-crisis-banner__text p
    {
        font-size: 1.6rem;
        line-height: 2.2rem;
    }
}
.c-crisis-banner__link a
{
    padding-top: 0;
    padding-bottom: 0;
}
@media (max-width: 47.99em)
{
    .c-crisis-banner__link
    {
        display: flex;

        width: 100%; 

        justify-content: flex-end;
    }
    .c-crisis-banner__link a
    {
        flex-direction: row; 

        padding: 0;
    }
    .c-crisis-banner__link a:after
    {
        margin-top: 0;
    }
}
@media (max-width: 29.99em)
{
    .c-crisis-banner__link
    {
        justify-content: flex-start;
    }
}
.c-crisis-banner.error
{
    background-color: #e16019;
}
.c-crisis-banner.error .c-crisis-banner__icon
{
    background-color: #e16019;
}
.c-crisis-banner.error .c-crisis-banner__container
{
    background-color: #fff4eb;
}
.c-crisis-banner.error .c-crisis-banner__text
{
    color: #9a420f;
}
.c-crisis-banner.valid
{
    background-color: #42ce76;
}
.c-crisis-banner.valid .c-crisis-banner__icon
{
    background-color: #42ce76;
}
.c-crisis-banner.valid .c-crisis-banner__container
{
    background-color: #ebfbf0;
}
.c-crisis-banner.valid .c-crisis-banner__text
{
    color: #0a4f03;
}
.c-crisis-banner.info
{
    background-color: #255b8e;
}
.c-crisis-banner.info .c-crisis-banner__icon
{
    background-color: #255b8e;
}
.c-crisis-banner.info .c-crisis-banner__container
{
    background-color: #eff8ff;
}
.c-crisis-banner.info .c-crisis-banner__text
{
    color: #073a7c;
}

.c-alert-banner
{
    z-index: 2;
    top: 13rem;
    left: 50%;

    display: flex;

    width: 100%;
    max-width: 1400px;
    margin: 0 auto; 

    align-items: stretch;
}
.c-alert-banner-wrapper
{
    padding: 10rem 2rem 2rem;
}
@media (min-width: 48em)
{
    .c-alert-banner-wrapper
    {
        padding: 15rem 4rem 2rem;
    }
}
@media (min-width: 87.5em)
{
    .c-alert-banner-wrapper
    {
        padding: 15rem 8rem 2rem;
    }
}
.c-alert-banner-wrapper + div[data-drupal-messages] .messages__wrapper
{
    padding: 0 2rem 2rem;
}
@media (min-width: 48em)
{
    .c-alert-banner-wrapper + div[data-drupal-messages] .messages__wrapper
    {
        padding: 0 4rem 2rem;
    }
}
@media (min-width: 87.5em)
{
    .c-alert-banner-wrapper + div[data-drupal-messages] .messages__wrapper
    {
        padding: 0 8rem 2rem;
    }
}
.implantations .c-alert-banner:not(:first-child)
{
    margin-top: 2.5rem;
}
@media (max-width: 63.99em)
{
    .c-alert-banner
    {
        top: 13rem;
    }
    .c-alert-banner:not(:first-child)
    {
        margin-top: 1.5rem;
    }
}
@media (max-width: 47.99em)
{
    .c-alert-banner
    {
        top: 8rem;
    }
}
.c-alert-banner__icon
{
    font-size: 2.5rem;

    position: relative;

    width: 6.5rem;
    padding: 2.1rem 2rem;

    color: #fff; 

    flex-shrink: 0;
}
.c-alert-banner__icon i
{
    position: absolute;
    top: 20px;
}
.c-alert-banner__container
{
    display: flex;

    width: 100%;
    height: 100%;
    padding: 2rem 3rem; 

    align-items: center;
    justify-content: space-between;
}
@media (max-width: 47.99em)
{
    .c-alert-banner__container
    {
        flex-direction: column;

        height: 100%;

        align-items: initial;
    }
}
@media (max-width: 29.99em)
{
    .c-alert-banner__container
    {
        padding: 1.5rem 2rem;
    }
}
.c-alert-banner__text p
{
    font-size: 1.8rem;
    line-height: 2.6rem; 

    margin: 0;

    letter-spacing: 0;
}
@media (max-width: 63.99em)
{
    .c-alert-banner__text p
    {
        font-size: 1.6rem;
        line-height: 2.2rem;
    }
}
.c-alert-banner__link a
{
    padding-top: 0;
    padding-bottom: 0;
}
@media (max-width: 47.99em)
{
    .c-alert-banner__link
    {
        display: flex;

        width: 100%; 

        justify-content: flex-end;
    }
    .c-alert-banner__link a
    {
        flex-direction: row; 

        padding: 0;
    }
    .c-alert-banner__link a:after
    {
        margin-top: 0;
    }
}
@media (max-width: 29.99em)
{
    .c-alert-banner__link
    {
        justify-content: flex-start;
    }
}
.c-alert-banner.error .c-alert-banner__icon
{
    background-color: #e16019;
}
.c-alert-banner.error .c-alert-banner__container
{
    background-color: #fff4eb;
}
.c-alert-banner.error .c-alert-banner__text p,
.c-alert-banner.error .c-alert-banner__text a
{
    color: #9a420f;
}
.c-alert-banner.valid .c-alert-banner__icon
{
    background-color: #42ce76;
}
.c-alert-banner.valid .c-alert-banner__container
{
    background-color: #ebfbf0;
}
.c-alert-banner.valid .c-alert-banner__text p
{
    color: #0a4f03;
}
.c-alert-banner.info .c-alert-banner__icon
{
    background-color: #235686;
}
.c-alert-banner.info .c-alert-banner__icon a
{
    color: #235686;
}
.c-alert-banner.info .c-alert-banner__container
{
    background-color: #eff8ff;
}
.c-alert-banner.info .c-alert-banner__text p
{
    color: #073a7c;
}

.block-alert .c-structured-event-page
{
    margin-top: 23rem;
}

.block-alert .c-hero .c-hero__content
{
    margin-bottom: 11rem;
}

@media (max-width: 63.99em)
{
    .block-alert .c-hero-product .c-hero__content
    {
        margin-bottom: 0rem;
    }
}

.block-alert .c-wrapper-page-account .o-iframe-job
{
    padding-top: 10rem;
}

@media (min-width: 64em)
{
    .tag .c-alert-banner
    {
        top: 16rem;
    }
}

.c-video-slider
{
    width: 27.5rem;
}
@media (min-width: 64em)
{
    .c-video-slider
    {
        width: 38rem;
    }
}
.c-video-slider:hover .c-video-slider__title span
{
    color: #7fb8e7;
}
.c-video-slider__content
{
    position: relative;

    display: block;
}
.c-video-slider__content--number
{
    position: absolute;
    right: 0;
    bottom: 0;

    display: flex;

    width: 6rem;
    height: 3.4rem;

    background-color: rgba(27, 29, 39, .8); 

    align-items: center;
    justify-content: center;
}
@media (min-width: 64em)
{
    .c-video-slider__content--number
    {
        width: 7.7rem;
        height: 4.8rem;
    }
}
.c-video-slider__content--number img
{
    width: 1.8rem;
    height: 1.4rem;
    margin-right: .8rem;
}
@media (min-width: 64em)
{
    .c-video-slider__content--number img
    {
        width: 2.3rem;
        height: 1.8rem;
    }
}
.c-video-slider__content--number span
{
    font-size: 1.4rem;
    line-height: .9rem;

    display: flex;

    letter-spacing: .053rem;

    color: #fff; 

    justify-content: center;
    align-items: center;
}
@media (min-width: 64em)
{
    .c-video-slider__content--number span
    {
        font-size: 1.6rem;
        line-height: 1.9rem; 

        letter-spacing: .6px;
    }
}
.c-video-slider__title
{
    margin-top: 1.5rem;
}
@media (min-width: 64em)
{
    .c-video-slider__title
    {
        margin-top: 2rem;
    }
}
.c-video-slider__title span
{
    font-size: 1.6rem;
    line-height: 2.2rem;

    transition: all 300ms; 
    letter-spacing: 0;

    color: #fff;
}
@media (min-width: 64em)
{
    .c-video-slider__title span
    {
        font-size: 1.8rem;
        line-height: 2.6rem;
    }
}

/* ==========================================================================
   MOLECULES
   ========================================================================== */
#block-safran-fo-tabs
{
    position: fixed;
    z-index: 99;
    bottom: 0;
    left: 50%;

    display: flex;

    transform: translateX(-50%); 
    text-align: center;

    justify-content: center;
}
@media (max-width: 47.99em)
{
    #block-safran-fo-tabs
    {
        display: none;
    }
}
#block-safran-fo-tabs ul
{
    margin: 10px;
    padding: 10px;

    opacity: .5; 
    background: #484848;
}
#block-safran-fo-tabs ul:hover
{
    opacity: .8;
}
#block-safran-fo-tabs li
{
    position: initial;

    display: block;

    margin: 0 15px;
}
#block-safran-fo-tabs li a
{
    font-family: 'Barlow';
    font-size: 15px;
    font-style: normal;

    text-decoration: none;
    text-transform: uppercase; 

    color: #f5f5f5;
}
#block-safran-fo-tabs li a:hover
{
    border: none !important;
}
#block-safran-fo-tabs li a .is-active
{
    color: #f5f5f5;
}

.c-structured-content-login-connect + #block-safran-fo-tabs
{
    display: none;
}

.c-banner
{
    position: relative;

    display: block;

    padding-top: 131px;
}
.c-banner .c-banner-image
{
    position: relative;

    overflow: hidden;

    height: 232px;

    background-repeat: no-repeat; 
    background-position: center;
    background-size: cover;
}
.c-banner .c-banner-image__background
{
    position: relative;

    display: block;

    width: 100%;
    height: 100%;

    background: linear-gradient(90deg, rgba(7, 14, 29, .6) 0%, rgba(7, 14, 29, 0) 100%);
}
.c-banner .c-banner-image__title
{
    position: relative;
    bottom: 98px; 

    display: flex;
    flex-direction: row;

    margin-left: 8rem;

    align-items: center;
}
.c-banner .c-banner-image__title h1
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 3.6rem;
    font-weight: 400;
    line-height: 4.2rem;

    display: inline-block; 

    color: #fff;
}
.c-banner .c-banner-image__title .fav-icon
{
    position: relative;

    padding-left: 2rem; 

    cursor: pointer;
}
@media (max-width: 63.99em)
{
    .c-banner .c-banner-image__title .fav-icon
    {
        padding-left: 1.5rem;
    }
}
.c-banner .c-banner-image__title .fav-icon .second
{
    position: absolute;
    top: .2rem;
    left: 2rem;
}
@media (max-width: 63.99em)
{
    .c-banner .c-banner-image__title .fav-icon .second
    {
        left: 1.5rem;
    }
}
.c-banner .c-banner-image__title .fav-icon img
{
    transition: opacity .2s ease;
}
.c-banner .c-banner-image__title .fav-icon.active .first
{
    opacity: 0;
}
.c-banner .c-banner-image__title .fav-icon.active .second
{
    opacity: 1;
}
.c-banner .c-banner-image__title .fav-icon .second
{
    opacity: 0;
}

@media (max-width: 87.5em)
{
    .c-banner .c-banner-image__title
    {
        margin-left: 4rem;
    }
}

@media (max-width: 73.75em)
{
    .c-banner .c-banner-image__title h1
    {
        width: 47%;
    }
}

@media (max-width: 64em)
{
    .c-banner
    {
        padding-top: 76px;
    }
    .c-banner .c-banner-image__title
    {
        margin-left: 4rem;
    }
}

@media (max-width: 58.5em)
{
    .c-banner .c-banner-image__title
    {
        bottom: 92px;
    }
    .c-banner .c-banner-image__title h1
    {
        font-size: 2.8rem; 

        width: 47%;
    }
}

@media (max-width: 48em)
{
    .c-banner
    {
        padding-top: 77px;
    }
    .c-banner .c-banner-image
    {
        height: inherit;

        background-image: none !important;
    }
    .c-banner .c-banner-image__title
    {
        bottom: 0; 

        margin: 4rem 4rem 2rem 4rem;
    }
    .c-banner .c-banner-image__title h1
    {
        width: 100%; 

        color: #1b1d27;
    }
}

@media (max-width: 37.8125em)
{
    .c-banner .c-banner-image__title h1
    {
        font-size: 2.4rem;
        line-height: 3rem;

        width: calc(100% - 4rem);
    }
}

@media (max-width: 30em)
{
    .c-banner .c-banner-image__title
    {
        margin: 4rem 2rem 2rem 2rem;
    }
}

/* ==========================================================================
   #Breadcrumb
   ========================================================================== */
/*
---
name: Breadcrumb
category: 02 - Molecules
---

Basic implementation of breadcrumb

```breadcrumb.html
    <nav aria-label="fil d'ariane">
      <ul class="c-breadcrumb">
          <li class="c-breadcrumb__item" >
              <a href="#_">
                  Home
              </a>
          </li>
          <li class="c-breadcrumb__item">
              <a href="#_">
                  Products & services
              </a>
          </li>
          <li class="c-breadcrumb__item">
              <a href="#_">
                  Inertial systems
              </a>
          </li>
          <li class="c-breadcrumb__item">
              <span>
                  Skynaute
              </span>
          </li>
      </ul>
  </nav>
```
*/
.c-breadcrumb
{
    position: absolute;
    z-index: 4;
    top: 7.7rem;
    left: 0;

    display: flex;

    width: 100%;
    height: 5.4rem;
    margin: 0;
    padding: 2rem 8rem;

    background-color: #fff; 

    -webkit-backdrop-filter: blur(1rem);
            backdrop-filter: blur(1rem);
}
@media (max-width: 63.99em)
{
    .c-breadcrumb
    {
        display: none;
    }
}
.c-breadcrumb--dark
{
    background-color: rgba(27, 29, 39, .97);
}
.c-breadcrumb--dark .c-breadcrumb__item:not(:last-child)::after
{
    background: #84899f;
}
.c-breadcrumb--dark .c-breadcrumb__item a
{
    color: #fff;
}
.c-breadcrumb__item
{
    font-size: 1.3rem;
    line-height: 1.25;

    list-style-type: none; 

    letter-spacing: .05rem;
}
.c-breadcrumb__item:not(:last-child)
{
    position: relative;

    margin-right: 1rem; 
    padding-right: 1.3rem;
}
.c-breadcrumb__item:not(:last-child)::after
{
    position: absolute;
    top: 50%;
    right: 0;

    width: .3rem;
    height: .3rem;

    content: '';
    transform: translateY(-50%); 

    border-radius: 50%;
    background: #255b8e;
}
.c-breadcrumb__item:not(:last-child) a
{
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.25; 

    letter-spacing: .05rem;
}
.c-breadcrumb__item a,
.c-breadcrumb__item span
{
    font-size: 1.3rem;
    line-height: 1.25;

    text-decoration: none; 
    letter-spacing: .05rem;

    color: #84899f;
}
.c-breadcrumb__item span
{
    color: #fff;
}
.c-breadcrumb__item:last-of-type a,
.c-breadcrumb__item:last-of-type span
{
    font-weight: 600;
}

/* ==========================================================================
   # LARGE TEXT
   ========================================================================== */
/*
---
name: Large text
category: 02 - Molecules
---

```large-text.html
    <div class="c-large-text">
      <h2 class="c-large-text__title">Better than GPS</h2>
      <p class="c-large-text__txt">The Hemispherical Resonator Gyro, or HRG, is used to measure the rotation of a platform, whether aircraft, ship, tank or other vehicle, to calculate its exact position and attitude. Applying the same inertial principle as Foucault's pendulum, plus the resonance principle that can make a crystal wine glass "sing", the HRG Crystal does not need to communicate with the outside to determine a position, making it perfectly undetectable and autonomous.</p>
    </div>
```
*/
.c-large-text
{
    padding: 8rem;
}
.c-large-text__title
{
    font-size: 3.6rem;
    line-height: 1.16; 

    margin: 0 0 3rem 0;
}
.c-large-text__txt
{
    font-size: 1.8rem;
    line-height: 1.67;
}

/* ==========================================================================
   # LARGE TEXT
   ========================================================================== */
/*
---
name: text blocks
category: 02 - Molecules
---

```text-blocks.html
    <div class="c-text-blocks">
        <div class="c-text-blocks__item">
            <h3 class="c-text-blocks__title">Support Name</h3>
            <p class="c-text-blocks__txt">Inertial Navigation Systems (INS) are the ultimate navigation instrument.</p>
        </div>
        <div class="c-text-blocks__item">
            <h3 class="c-text-blocks__title">Support Name</h3>
            <p class="c-text-blocks__txt">Inertial Navigation Systems (INS) are the ultimate navigation instrument.</p>
        </div>
        <div class="c-text-blocks__item">
            <h3 class="c-text-blocks__title">Support Name</h3>
            <p class="c-text-blocks__txt">Inertial Navigation Systems (INS) are the ultimate navigation instrument.</p>
        </div>
      </div>
```
*/
.c-text-blocks
{
    display: flex;

    margin: 0 -4rem; 
    padding: 2rem 8rem 4rem 8rem;
}
.c-text-blocks__item
{
    padding: 0 4rem;
}
.c-text-blocks__title
{
    font-size: 2.2rem;
    line-height: 1.36; 

    margin: 0 0 1.3rem 0;

    letter-spacing: .18rem;

    color: #255b8e;
}
.c-text-blocks__txt
{
    font-size: 1.8rem;
    line-height: 1.67;
}

/* ==========================================================================
   #CHECKBOX LIST
   ========================================================================== */
/*
---
name: Checkbox list
category: 02 - Molecules
---

Normal
```checkbox-list.html
    <div class="c-custom-checkbox-list" style="max-height: initial;">
      <ul class="c-custom-checkbox-list__list">
          <li>
              <label class="c-custom-checkbox">
                  <input type="checkbox" value="" />
                  <div class="c-custom-checkbox__content"><span>All categories</span></div>
              </label>
          </li>
          <li>
              <label class="c-custom-checkbox">
                  <input type="checkbox" value="" />
                  <div class="c-custom-checkbox__content"><span>Moteurs d'avions civils</span></div>
              </label>
          </li>
          <li>
              <label class="c-custom-checkbox">
                  <input type="checkbox" value="" />
                  <div class="c-custom-checkbox__content"><span>Moteurs d'avions militaires</span></div>
              </label>
          </li>
          <li>
              <label class="c-custom-checkbox">
                  <input type="checkbox" value="" />
                  <div class="c-custom-checkbox__content"><span>Lanceurs - segment civil</span></div>
              </label>
          </li>
          <li>
              <label class="c-custom-checkbox">
                  <input type="checkbox" value="" />
                  <div class="c-custom-checkbox__content"><span>Lanceurs - segment militaire</span></div>
              </label>
          </li>
          <li>
              <label class="c-custom-checkbox">
                  <input type="checkbox" value="" />
                  <div class="c-custom-checkbox__content"><span>Turbines pour hélicoptère et Groupes auxiliaires de puissance</span></div>
              </label>
          </li>
          <li>
              <label class="c-custom-checkbox">
                  <input type="checkbox" value="" />
                  <div class="c-custom-checkbox__content"><span>Trains d'atterrissage</span></div>
              </label>
          </li>
          <li>
              <label class="c-custom-checkbox">
                  <input type="checkbox" value="" />
                  <div class="c-custom-checkbox__content"><span>Roues et freins</span></div>
              </label>
          </li>
          <li>
              <label class="c-custom-checkbox">
                  <input type="checkbox" value="" />
                  <div class="c-custom-checkbox__content"><span>Another awesome checkbox</span></div>
              </label>
          </li>
      </ul>
  </div>
```

With Search Input
```checkbox-list-with-search.html
    <div class="c-custom-checkbox-list" style="max-height: initial;">
      <div class="c-custom-checkbox-list__search">
        <label class="c-input">
          <input class="c-input__input" type="search" placeholder="Label" />
        </label>
      </div>
      <ul class="c-custom-checkbox-list__list">
          <li>
              <label class="c-custom-checkbox">
                  <input type="checkbox" value="" />
                  <div class="c-custom-checkbox__content"><span>All categories</span></div>
              </label>
          </li>
          <li>
              <label class="c-custom-checkbox">
                  <input type="checkbox" value="" />
                  <div class="c-custom-checkbox__content"><span>Moteurs d'avions civils</span></div>
              </label>
          </li>
          <li>
              <label class="c-custom-checkbox">
                  <input type="checkbox" value="" />
                  <div class="c-custom-checkbox__content"><span>Moteurs d'avions militaires</span></div>
              </label>
          </li>
          <li>
              <label class="c-custom-checkbox">
                  <input type="checkbox" value="" />
                  <div class="c-custom-checkbox__content"><span>Lanceurs - segment civil</span></div>
              </label>
          </li>
          <li>
              <label class="c-custom-checkbox">
                  <input type="checkbox" value="" />
                  <div class="c-custom-checkbox__content"><span>Lanceurs - segment militaire</span></div>
              </label>
          </li>
          <li>
              <label class="c-custom-checkbox">
                  <input type="checkbox" value="" />
                  <div class="c-custom-checkbox__content"><span>Turbines pour hélicoptère et Groupes auxiliaires de puissance</span></div>
              </label>
          </li>
          <li>
              <label class="c-custom-checkbox">
                  <input type="checkbox" value="" />
                  <div class="c-custom-checkbox__content"><span>Trains d'atterrissage</span></div>
              </label>
          </li>
          <li>
              <label class="c-custom-checkbox">
                  <input type="checkbox" value="" />
                  <div class="c-custom-checkbox__content"><span>Roues et freins</span></div>
              </label>
          </li>
          <li>
              <label class="c-custom-checkbox">
                  <input type="checkbox" value="" />
                  <div class="c-custom-checkbox__content"><span>Another awesome checkbox</span></div>
              </label>
          </li>
      </ul>
  </div>
```


Checkbox list with Search Input (work alone as well)
```checkbox-list-with-search-dark.html
    <div class="u-bg--dark" style="padding: 2rem;">
        <div class="c-custom-checkbox-list c-custom-checkbox-list--dark" style="max-height: initial; position: relative;">
            <div class="c-custom-checkbox-list__search">
                <label class="c-input c-input--dark">
                    <input class="c-input__input" type="search" placeholder="Label" />
                </label>
            </div>
            <ul class="c-custom-checkbox-list__list">
                <li>
                    <label class="c-custom-checkbox c-custom-checkbox--dark">
                        <input type="checkbox" value="" />
                        <div class="c-custom-checkbox__content"><span>All categories</span></div>
                    </label>
                </li>
                <li>
                    <label class="c-custom-checkbox c-custom-checkbox--dark">
                        <input type="checkbox" value="" />
                        <div class="c-custom-checkbox__content"><span>Moteurs d'avions civils</span></div>
                    </label>
                </li>
                <li>
                    <label class="c-custom-checkbox c-custom-checkbox--dark">
                        <input type="checkbox" value="" />
                        <div class="c-custom-checkbox__content"><span>Moteurs d'avions militaires</span></div>
                    </label>
                </li>
                <li>
                    <label class="c-custom-checkbox c-custom-checkbox--dark">
                        <input type="checkbox" value="" />
                        <div class="c-custom-checkbox__content"><span>Lanceurs - segment civil</span></div>
                    </label>
                </li>
                <li>
                    <label class="c-custom-checkbox c-custom-checkbox--dark">
                        <input type="checkbox" value="" />
                        <div class="c-custom-checkbox__content"><span>Lanceurs - segment militaire</span></div>
                    </label>
                </li>
                <li>
                    <label class="c-custom-checkbox c-custom-checkbox--dark">
                        <input type="checkbox" value="" />
                        <div class="c-custom-checkbox__content"><span>Turbines pour hélicoptère et Groupes auxiliaires de puissance</span></div>
                    </label>
                </li>
                <li>
                    <label class="c-custom-checkbox c-custom-checkbox--dark">
                        <input type="checkbox" value="" />
                        <div class="c-custom-checkbox__content"><span>Trains d'atterrissage</span></div>
                    </label>
                </li>
                <li>
                    <label class="c-custom-checkbox c-custom-checkbox--dark">
                        <input type="checkbox" value="" />
                        <div class="c-custom-checkbox__content"><span>Roues et freins</span></div>
                    </label>
                </li>
                <li>
                    <label class="c-custom-checkbox c-custom-checkbox--dark">
                        <input type="checkbox" value="" />
                        <div class="c-custom-checkbox__content"><span>Another awesome checkbox</span></div>
                    </label>
                </li>
            </ul>
        </div>
    </div>
```

*/
.c-custom-checkbox-list
{
    position: absolute;
    z-index: 10;

    overflow: hidden;

    width: 100%;
    max-height: 0;
    margin-top: .4rem;

    transition: max-height .15s ease-out; 

    border: .1rem solid transparent;
}
.c-custom-checkbox-list.open
{
    max-height: 500px;

    transition: max-height .25s ease-in; 

    border: .1rem solid #e7eaf2;
}
.c-custom-checkbox-list__search
{
    margin: 2rem 2rem 1rem;
}
.c-custom-checkbox-list__list
{
    overflow: auto;

    max-height: 31.3rem;
    margin: 1rem 0;
}
.c-custom-checkbox-list__list li label
{
    padding: 1rem 2rem;
}

/* ==========================================================================
   #Radio Form
   ========================================================================== */
/*
---
name: Radio form
category: 02 - Molecules
---

Normal
```radio-form.html
    <div class="c-radio-form__wrapper">
      <label class="c-radio-form">
        <input type="radio" name="option" value="all">
        <span>All</span>
      </label>
      <label class="c-radio-form">
        <input type="radio" name="option" value="Products">
        <span>Products</span>
      </label>
      <label class="c-radio-form">
        <input type="radio" name="option" value="Services">
        <span>Services
      </label>
      <label class="c-radio-form">
        <input type="radio" name="option" value="Support">
        <span>Support</span>
      </label>
    <div>
```


*/
.c-radio-form
{
    padding: 0;
}
.c-radio-form__wrapper
{
    display: flex;
}
.c-radio-form span
{
    font-weight: 400;

    display: block;

    padding: 1.5rem 2rem;

    cursor: pointer;
    transition: all .2s ease-out; 

    color: #525668;
    border: .1rem solid #bcbfcf;
    background: #fff;
}
.c-radio-form input
{
    display: none;
}
.c-radio-form input:checked ~ span
{
    color: #fff; 
    border-color: #255b8e;
    background-color: #255b8e;
}
.c-radio-form + .c-radio-form span
{
    border-left: none;
}

/* ==========================================================================
   #KEY NUMBERS
   ========================================================================== */
.c-key-number
{
    padding: 0 4rem;

    color: #141d29; 

    flex-basis: 33.33%;
}
.c-key-number:hover
{
    color: #141d29;
}
.c-key-number--single
{
    flex-basis: 100%;
}
.c-key-number--single .c-key-number__container
{
    display: flex;

    align-items: center;
    justify-content: center;
}
.c-key-number--single .c-key-number__container:last-child
{
    margin-top: 4rem;
}
.c-key-number--single .c-key-number__left
{
    flex-basis: 33.33%;
}
.c-key-number--single .c-key-number__left--alone
{
    text-align: center; 

    flex-basis: 100%;
}
.c-key-number--single .c-key-number__left--alone .c-key-number__number
{
    justify-content: center;
}
.c-key-number--single .c-key-number__right
{
    flex-basis: 50%;
}
.c-key-number--centered
{
    text-align: center;
}
@media (max-width: 63.99em)
{
    .c-key-number--centered .c-key-number__number
    {
        font-size: 6rem;

        margin-left: -2.5rem; 
        padding-left: 0;
    }
}
.c-key-number--alternative-mobile-style .c-subtitle
{
    max-width: 24.3rem;
    margin: auto;
}
@media (max-width: 63.99em)
{
    .c-key-number
    {
        padding-top: 4rem;
        padding-right: 0;
        padding-left: 0;
    }
}
.c-key-number__number
{
    font-size: 9.5rem;
    font-weight: 300;
    line-height: 1.25;

    display: flex;
    flex-direction: row;

    margin-bottom: .6rem; 
    padding-left: .8rem;

    letter-spacing: initial;

    align-items: flex-end;
}
@media (max-width: 87.49em)
{
    .c-key-number__number
    {
        font-size: 7.2rem;
    }
}
@media (max-width: 63.99em)
{
    .c-key-number__number
    {
        font-size: 6rem;
    }
}
.c-key-number .label
{
    font-size: 1.8rem;
    line-height: 1.44; 

    min-height: 2.5rem;
    margin-bottom: 1rem;
}
@media (max-width: 63.99em)
{
    .c-key-number .label
    {
        min-height: 0;
    }
}
.c-key-number .prefix
{
    font-size: 3rem; 

    margin: 0 0 1.3rem 0;
}
.c-key-number .prefix--superscript
{
    margin-bottom: 8.5rem;
}
@media (max-width: 63.99em)
{
    .c-key-number .prefix
    {
        font-size: 2.4rem; 

        margin: 0 0 .8rem 0;
    }
    .c-key-number .prefix--superscript
    {
        margin-bottom: 5rem;
    }
}
.c-key-number .suffix
{
    font-size: 3rem;

    margin-bottom: 1.3rem;
}
.c-key-number .suffix--superscript
{
    margin-bottom: 8.5rem;
}
@media (max-width: 63.99em)
{
    .c-key-number .suffix
    {
        font-size: 2.4rem; 

        margin: 0 0 1rem 0;
    }
    .c-key-number .suffix--superscript
    {
        margin-bottom: 5rem;
    }
}
.c-key-number .c-subtitle
{
    min-height: 3.8rem;

    color: #525668;
}
@media (max-width: 63.99em)
{
    .c-key-number .c-subtitle
    {
        font-size: 1.4rem;

        min-height: 0;
    }
}
.c-key-number__description
{
    line-height: 1.4; 

    margin: 0;
    margin-top: 2rem;
}
@media (max-width: 63.99em)
{
    .c-key-number__description
    {
        font-size: 1.6rem; 

        margin-top: 1.5rem;
    }
}

.u-bg--blue .c-key-number .c-key-number__number
{
    color: #fff;
}

.u-bg--blue .c-key-number .c-subtitle
{
    color: #bcbfcf;
}

.u-bg--blue .c-key-number .c-key-number__description
{
    color: #fff;
}

@media (max-width: 64em)
{
    .c-key-number
    {
        flex: 1 1 33.33%;
    }
    .c-key-number--single
    {
        flex-basis: 100%;
    }
    .c-key-number--single .c-key-number__container
    {
        flex-direction: column; 

        align-items: inherit;
    }
    .c-key-number .c-key-number__left--alone
    {
        padding-top: 4rem;
    }
}

.u-bg--gradient-darkest .c-key-number
{
    color: #fff;
}
.u-bg--gradient-darkest .c-key-number .c-subtitle
{
    color: #bcbfcf;
}

.u-bg--gradient-darkest .c-key-number__number
{
    color: #fff;
}

.u-bg--gradient-darkest .c-key-number__description
{
    color: #fff;
}

/* ==========================================================================
   # EXPERTISE CARD
   ========================================================================== */
.c-expertise-card
{
    position: relative;
    z-index: 9;

    display: block;

    width: 100%;
    width: 42.7rem;
    min-height: 58.5rem;
}
.c-expertise-card:before
{
    position: absolute;
    left: 0; 

    width: 100%;
    height: 100%;

    content: '';

    background: linear-gradient(180deg, rgba(2, 20, 58, .7) 0%, rgba(2, 20, 58, 0) 100%);
}
.c-expertise-card__background
{
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    background-color: #84899f;
    background-size: cover;
}
.c-expertise-card__background::after
{
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    content: '';
    transition: all .3s ease-in-out; 

    background-color: transparent;
}
.c-expertise-card__title
{
    font-size: 3.6rem;
    font-weight: 300;
    line-height: 1.10;

    position: relative;
    z-index: 1;

    margin: 0;
    padding: 0 4rem;
    padding-top: 6rem;

    transition: all .3s ease-in-out; 
    text-align: center;

    color: #fff;
}
.c-expertise-card:hover
{
    box-shadow: 0 1.4rem 1.2rem 0 rgba(37, 91, 142, .2);
}
.c-expertise-card:hover .c-btn
{
    opacity: 1;
}
.c-expertise-card:hover .c-expertise-card__background::after
{
    background-color: rgba(7, 14, 29, .8);
}
.c-expertise-card:hover .c-btn--text-button--vertical
{
    padding-top: 8rem;
    padding-left: 0;

    color: #fff;
}
.c-expertise-card:hover .c-btn--text-button--vertical::before
{
    width: .1rem;
    height: 6rem;
}
.c-expertise-card .c-btn
{
    position: absolute;
    top: 42rem;
    left: 50%;

    transform: translateX(-50%); 

    opacity: 0;
}

/* ==========================================================================
   #EventCard
   ========================================================================== */
.c-event-card
{
    position: relative;

    display: block;

    width: calc(50% - 3rem);
    min-height: 37.7rem;

    transition: all .2s;
}
@media (min-width: 100em)
{
    .c-event-card
    {
        width: calc(33.333% - 3rem);
    }
}
.c-event-card .c-btn--text-button
{
    text-align: left;
    white-space: normal;
    word-wrap: break-word;
    -webkit-hyphens: auto;
            hyphens: auto;

    color: #2d70ae; 

    overflow-wrap: break-word;
        -ms-hyphens: auto;
}
@media (max-width: 63.99em)
{
    .c-event-card .c-btn--text-button
    {
        font-size: 1.2rem;
    }
}
.c-event-card:hover .c-event-card__content-container
{
    box-shadow: 0 .8rem 1.3rem 0 rgba(59, 135, 204, .2);
}
.c-event-card:hover .c-btn--text-button
{
    padding-left: 8rem;

    color: #0f60a7;
}
.c-event-card:hover .c-btn--text-button::before
{
    width: 6rem;
}
@media (max-width: 63.99em)
{
    .c-event-card:hover .c-event-card__content-container
    {
        box-shadow: none;
    }
    .c-event-card:hover .c-btn--text-button
    {
        padding-left: 5rem !important;
    }
    .c-event-card:hover .c-btn--text-button::before
    {
        width: 4rem !important;
    }
}
.c-event-card__dates-container
{
    position: absolute;
    z-index: 1;
    top: 50%;

    width: 23.6rem;
    height: 33.7rem;

    transform: translateY(-50%);

    background-color: #2d559f;
    box-shadow: 0 8px 13px 0 rgba(59, 135, 204, .2);
}
.c-event-card__date-title
{
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 2.0;

    margin: 0;
    margin-top: 4rem;
    padding: 0 2rem;

    text-align: center;
    letter-spacing: .2rem;
    text-transform: uppercase; 

    color: #fff;
}
.c-event-card__dates-wrapper
{
    display: flex;

    justify-content: center;
}
.c-event-card__hours-container > .c-event-card__hour
{
    display: inline-block;
}
.c-event-card__hours-container > .c-event-card__hour:not(:first-child)::before
{
    font-family: 'icomoon' !important;

    position: relative;

    padding: 0 1rem; 

    content: '';
}
.c-event-card__date-container
{
    position: relative;

    margin-top: 6.1rem;
}
.c-event-card__date-container:not(:first-child)::before
{
    font-family: 'icomoon' !important;
    font-size: 2.5rem;

    position: absolute;
    top: 50%;
    left: -4rem;

    content: '';
    transform: translateY(-50%); 

    color: #fff;
}
.c-event-card__date-container:not(:first-child)
{
    margin-left: 5.2rem;
}
.c-event-card__day
{
    font-size: 6.65rem;
    font-weight: 200;
    line-height: 1;

    margin: 0;

    text-align: center; 

    color: #fff;
}
.c-event-card__month-year
{
    font-size: 1.8rem;
    line-height: 3rem;

    margin: 0;

    text-align: center;
    letter-spacing: normal;
    text-transform: uppercase; 

    color: #fff;
}
@media (min-width: 64em)
{
    .c-event-card__month-year
    {
        font-size: 1.8rem;
        line-height: 3rem;

        letter-spacing: normal;
    }
}
.c-event-card__content-container
{
    position: relative;
    z-index: -1; 

    min-height: 37.7rem;
    margin-left: 3.9rem;

    transition: all .3s ease-in-out;

    background-color: #eaf1ff;

    align-items: center;
}
@media (min-width: 64em)
{
    .c-event-card__content-container
    {
        z-index: inherit;
    }
}
.c-event-card__content-wrapper
{
    padding-bottom: 1rem;
}
@media (min-width: 64em)
{
    .c-event-card__content-wrapper
    {
        position: absolute;
        top: 50%;
        left: 0;

        max-width: 53rem; 

        transform: translateY(-50%);
    }
}
.c-event-card__localisation-icon
{
    width: 1.6rem;
    height: 2rem;
    margin-right: 1.2rem;
}
.c-event-card__attendance
{
    font-size: 1.4rem;
    line-height: 1.25;

    display: flex;

    min-height: 4.6rem; 
    margin: 0;
    margin-top: 6rem;
    padding: 0 2rem;

    letter-spacing: .05rem;

    color: #fff;

    align-self: center;
    justify-content: center;
}
.c-event-card__attendance.first
{
    min-height: initial; 
    margin-top: 3rem;
}
.c-event-card__attendance.highlight
{
    font-size: inherit;
    line-height: inherit; 

    min-height: initial;
    margin-top: 0;

    letter-spacing: inherit;
}
.c-event-card__attendance.highlight .content_mode span::before
{
    top: -.25rem;
}
.c-event-card__attendance.dark .content_mode span::before
{
    color: #7fb8e7;
}
.c-event-card__attendance .content_mode span
{
    position: relative;

    padding-left: 2.8rem;
}
.c-event-card__attendance .content_mode span::before
{
    font-family: 'icomoon';

    position: absolute;
    top: .1rem;
    left: 0; 

    content: '';

    color: #fff;
}
.c-event-card__localisation
{
    font-size: 1.4rem;
    line-height: 1.25;

    position: relative;

    display: flex;

    min-height: 4.6rem; 
    margin: 0;
    margin-top: 6rem;
    padding: 0 2rem;

    letter-spacing: .05rem;

    color: #fff;

    align-self: center;
    justify-content: center;
}
.c-event-card__localisation.second
{
    margin-top: 1rem;
}
@media (max-width: 47.99em)
{
    .c-event-card__localisation
    {
        word-wrap: break-word;
        -webkit-hyphens: auto;
                hyphens: auto; 

        overflow-wrap: break-word;
            -ms-hyphens: auto;
    }
}
.c-event-card__event-title
{
    font-size: 2.8rem;
    line-height: 1.3;

    max-width: 30rem; 
    margin: 0;
    margin-left: 23.7rem;
    padding-right: 2rem;

    letter-spacing: .15rem;

    color: #141d29;
}
.c-event-card__event-title span
{
    word-wrap: break-word;
    -webkit-hyphens: auto;
            hyphens: auto; 

    overflow-wrap: break-word;
        -ms-hyphens: auto;
}
@media (max-width: 63.99em)
{
    .c-event-card__event-title
    {
        line-height: 1;
    }
}
.c-event-card__event--text
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.8rem;
    line-height: 2.6rem;

    margin-top: 1.5rem;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 23.7rem;

    color: #1b1d27;
}
.c-event-card .c-btn
{
    display: block;

    width: -webkit-fit-content;
    width:    -moz-fit-content;
    width:         fit-content;
    margin-top: 2rem;
    margin-left: 23.7rem; 
    padding-right: 2rem;
}
.c-event-card--dark .c-event-card__dates-container
{
    background-color: #112753;
}
.c-event-card--dark .c-event-card__date-title
{
    color: #7fb8e7;
}
.c-event-card--dark .c-event-card__localisation::before
{
    color: #fff;
}
@media (max-width: 63.99em)
{
    .c-event-card
    {
        width: 100%;
        min-width: unset;
        max-width: unset;
        min-height: unset;
    }
    .c-event-card .c-event-card__dates-container
    {
        position: static;
        top: 0;
        left: 0;

        width: 100%;
        height: -webkit-fit-content;
        height:    -moz-fit-content;
        height:         fit-content;

        transform: none;

        box-shadow: 0 8px 13px 0 rgba(59, 135, 204, .2);
    }
    .c-event-card .c-event-card__date-title
    {
        margin-top: 0; 
        padding-top: 3rem;
    }
    .c-event-card .c-event-card__date-container
    {
        margin-top: 4rem;
    }
    .c-event-card .c-event-card__attendance:not(.first):not(.highlight)
    {
        margin-top: 4rem;
    }
    .c-event-card .c-event-card__localisation
    {
        padding-bottom: 3rem;
    }
    .c-event-card .c-event-card__localisation:not(.second)
    {
        margin-top: 4rem;
    }
    .c-event-card .c-event-card__content-container
    {
        width: 100%;
        min-height: initial;
        margin-left: 0;
    }
    .c-event-card .c-event-card__event-title
    {
        font-size: 1.8rem;

        margin-left: 0;
        padding: 0 2rem;
        padding-top: 4rem;

        text-align: center;
    }
    .c-event-card .c-btn
    {
        width: 100%;
        margin-top: 2.5rem;
        margin-bottom: 2rem;
        margin-left: 2.5rem; 
        padding: 0 0 0 5rem;
    }
    .c-event-card .c-btn:hover::before
    {
        width: 4rem;
    }
}

.c-structured-event-cards .c-slider__slide-item .c-event-card
{
    min-width: 58rem;
    max-width: 60rem;
}
@media (max-width: 47.99em)
{
    .c-structured-event-cards .c-slider__slide-item .c-event-card
    {
        min-width: 28.6rem;
        max-width: 28.6rem;
        min-height: 42.7rem;
    }
}

@media (max-width: 47.99em)
{
    .c-structured-event-cards .c-slider__slide-item.active .c-event-card__content-container
    {
        box-shadow: 0 .8rem 1.3rem 0 rgba(59, 135, 204, .2);
    }
}

@media (max-width: 48em)
{
    .c-event-card__event--text
    {
        display: none;
    }
}

/* ==========================================================================
   #EventPage
   ========================================================================== */
.c-structured-event-page
{
    max-width: 900px;
    margin: 15rem auto;

    box-shadow: 0 8px 13px 0 rgba(59, 135, 204, .2);
}
.c-structured-event-page__block
{
    min-height: 100vh; 

    background-color: #eaf1ff;
}
.c-structured-event-page__block .c-structured-event-page__heading
{
    padding: 3rem; 

    text-align: center;

    color: #fff;
    background: #2d559f;
}
.c-structured-event-page__block .c-structured-event-page__heading .c-structured-event-page__title
{
    font-size: 2.8rem;
    line-height: 1.3; 

    letter-spacing: .15rem;
}
.c-structured-event-page__block .c-structured-event-page__heading .c-structured-event-page__title h1
{
    font-size: 2.8rem;
    line-height: 1.3;

    letter-spacing: .15rem;

    color: #fff;
}
.c-structured-event-page__block .c-structured-event-page__heading .c-structured-event-page__type
{
    font-family: Barlow,Arial,sans-serif;
    font-size: 1.2rem;
    line-height: 2rem;

    padding: 2rem 0 0;

    letter-spacing: .6px;
    text-transform: uppercase;

    color: #fff;
}
.c-structured-event-page__block .c-structured-event-page__heading .c-structured-event-page__type span
{
    position: relative;

    margin-right: .5rem;
}
.c-structured-event-page__block .c-structured-event-page__heading .c-structured-event-page__type span::after
{
    position: relative;
    top: .25rem; 

    display: inline-block;

    content: ',';
}
.c-structured-event-page__block .c-structured-event-page__heading .c-structured-event-page__type span:last-of-type::after
{
    content: '';
}
.c-structured-event-page__block .c-structured-event-page__content
{
    padding: 4rem; 

    color: #141d29;
}
.c-structured-event-page__block .c-structured-event-page__content .c-event-card__dates-wrapper .c-event-card__date-container
{
    margin-top: 0;
}
.c-structured-event-page__block .c-structured-event-page__content .c-event-card__dates-wrapper .c-event-card__date-container .c-event-card__day
{
    color: #141d29;
}
.c-structured-event-page__block .c-structured-event-page__content .c-event-card__dates-wrapper .c-event-card__date-container .c-event-card__month-year
{
    color: #141d29;
}
.c-structured-event-page__block .c-structured-event-page__content .c-event-card__dates-wrapper .c-event-card__date-container .c-event-card__hour
{
    text-align: center;
}
.c-structured-event-page__block .c-structured-event-page__content .c-event-card__dates-wrapper .c-event-card__date-container::before
{
    color: #141d29;
}
.c-structured-event-page__block .c-structured-event-page__content .c-structured-event-page__attendance
{
    display: flex;

    padding: 2rem; 

    justify-content: center;
}
.c-structured-event-page__block .c-structured-event-page__content .c-structured-event-page__attendance .content_mode span
{
    position: relative;
}
.c-structured-event-page__block .c-structured-event-page__content .c-structured-event-page__attendance .content_mode span::before
{
    font-family: 'icomoon';

    position: absolute;
    top: -.3rem;
    left: -2.5rem; 

    content: '';

    color: #2d559f;
}
.c-structured-event-page__block .c-structured-event-page__content .c-structured-event-page__attendance + .c-structured-event-page__adresse
{
    padding-top: 0 !important;
}
.c-structured-event-page__block .c-structured-event-page__content .c-structured-event-page__adresse
{
    display: flex;

    padding: 2rem; 

    justify-content: center;
}
.c-structured-event-page__block .c-structured-event-page__content .c-structured-event-page__adresse .content_adresse span
{
    display: inline;
}
.c-structured-event-page__block .c-structured-event-page__content .c-structured-event-page__adresse .content_adresse span:first-child
{
    position: relative;
}
.c-structured-event-page__block .c-structured-event-page__content .c-structured-event-page__adresse .content_adresse span:first-child::before
{
    font-family: 'icomoon';

    position: absolute;
    top: -.3rem;
    left: -2.5rem; 

    content: '';

    color: #2d559f;
}
.c-structured-event-page__block .c-structured-event-page__content .c-structured-event-page__adresse .content_adresse p
{
    margin: 0;
}
.c-structured-event-page__block .c-structured-event-page__content .block-text
{
    text-align: center;
}
.c-structured-event-page__block .c-structured-event-page__content .block-text .c-btn
{
    width: 100%;
    max-width: 410px;
    margin: auto;
}
.c-structured-event-page__block .c-structured-event-page__content .block-text .c-btn:last-child
{
    margin-top: 26px;
}
.c-structured-event-page__block .c-structured-event-page__content .p
{
    padding: 0 2rem 2rem; 

    text-align: center;
}
.c-structured-event-page__block.image .c-structured-event-page__content
{
    display: flex;
    flex-direction: row;
}
.c-structured-event-page__block.image .block-image
{
    flex-basis: 50%;
}
.c-structured-event-page__block.image .block-image img
{
    width: 100%;
}
.c-structured-event-page__block.image .block-text
{
    display: flex;
    flex-direction: column;

    padding-left: 3rem;

    flex-basis: 50%;
    justify-content: center;
}
.c-structured-event-page__block.image .block-text .c-structured-event-page__adresse
{
    padding: 2rem 0;
}

.c-structured-events-list__row,
.c-structured-events-list .o-grid
{
    display: flex;
    flex-direction: row;

    padding: 2rem 0 0;

    flex-wrap: wrap;
}
.c-structured-events-list__row .c-event-card,
.c-structured-events-list .o-grid .c-event-card
{
    margin-right: 3rem;
    margin-bottom: 2rem;
}
@media (max-width: 64em)
{
    .c-structured-events-list__row .c-event-card,
    .c-structured-events-list .o-grid .c-event-card
    {
        max-width: 28.6rem;
    }
    .c-structured-events-list__row .c-event-card__content-container,
    .c-structured-events-list .o-grid .c-event-card__content-container
    {
        height: auto;
    }
}
@media (min-width: 64em)
{
    .c-structured-events-list__row .c-event-card,
    .c-structured-events-list .o-grid .c-event-card
    {
        max-width: calc(50% - 3rem);
    }
}
@media (max-width: 48em)
{
    .c-structured-events-list__row,
    .c-structured-events-list .o-grid
    {
        flex-direction: column;

        padding: 2rem 0;
    }
    .c-structured-events-list__row .c-event-card,
    .c-structured-events-list .o-grid .c-event-card
    {
        max-width: 28.6rem;
        min-height: auto; 
        margin: 0 auto 3rem;
    }
    .c-structured-events-list__row .c-event-card__dates-wrapper,
    .c-structured-events-list .o-grid .c-event-card__dates-wrapper
    {
        padding: 2rem 0;
    }
    .c-structured-events-list__row .c-event-card__date-container,
    .c-structured-events-list .o-grid .c-event-card__date-container
    {
        margin-top: 0;
    }
}

.c-structured-events-list .o-grid .c-event-card
{
    margin: 0 0 6rem;
}
@media (max-width: 48em)
{
    .c-structured-events-list .o-grid .c-event-card
    {
        max-width: 28.6rem;
        margin: 0 auto 3rem;
        padding: 0;
    }
}

.c-structured-search-event
{
    padding-top: 4rem;
}
.c-structured-search-event .search-form--mobile
{
    display: none;
}
@media (max-width: 64em)
{
    .c-structured-search-event .search-form--mobile
    {
        display: block;
    }
}

.c-structured-event-highlight-list
{
    position: relative;

    display: block;

    padding: 3rem 0; 

    color: #fff;
    background-color: #2d559f;

    align-items: center;
}
.c-structured-event-highlight-list__content-image
{
    position: absolute;
    top: 50%;
    left: 2rem;

    width: 380px; 

    transform: translateY(-50%);
}
.c-structured-event-highlight-list__content-image img
{
    width: 100%; 
    height: auto;
}
.c-structured-event-highlight-list .c-event-card__date-container
{
    margin-top: 2rem;
    margin-bottom: 3rem;
}
.c-structured-event-highlight-list__content
{
    text-align: center; 

    color: #fff;
}
.c-structured-event-highlight-list__content .title
{
    font-size: 2.8rem;
    line-height: 1.3;

    padding-bottom: 3rem; 

    letter-spacing: .15rem;
}
.c-structured-event-highlight-list__content .c-btn--text-button
{
    position: absolute;
    right: 4rem;
    bottom: 0;

    color: #fff;
}
.c-structured-event-highlight-list__content .c-btn--text-button::before
{
    background-color: #fff;
}
.c-structured-event-highlight-list__content .c-btn--text-button:hover
{
    color: #fff;
}
@media (max-width: 64em)
{
    .c-structured-event-highlight-list
    {
        flex-direction: column; 

        padding: 2rem 0;
    }
    .c-structured-event-highlight-list__content
    {
        padding-bottom: 2rem;
    }
    .c-structured-event-highlight-list .c-btn--text-button
    {
        right: 50%;

        transform: translateX(50%);
    }
    .c-structured-event-highlight-list .c-structured-event-highlight-list__content-image
    {
        display: none;
    }
}

@media (max-width: 48em)
{
    .c-structured-event-page
    {
        max-width: 90%;
        margin: 5rem auto;
    }
    .c-structured-event-page .c-structured-event-page__content .block-image
    {
        display: block;

        width: 100%; 
        padding: 2rem 0 0;
    }
    .c-structured-event-page .c-structured-event-page__content .content-button
    {
        margin: 0 auto;
    }
    .c-structured-event-page .c-structured-event-page__content .p
    {
        padding: 2rem 0;
    }
}

@media (max-width: 64em)
{
    .c-structured-event-page .c-structured-event-page__content .content-button .c-btn
    {
        display: block;

        width: 100%;
    }
    .c-structured-event-page .c-structured-event-page__content .content-button .c-btn:last-child
    {
        margin-top: 26px;
    }
    .c-structured-event-page .c-structured-event-page__content .content-button .c-btn.c-btn--icon-calendar
    {
        padding-right: 5px; 
        padding-left: 5px;
    }
}

/* ==========================================================================
   #Expertise
   ========================================================================== */
.c-expertise
{
    position: relative;

    display: block; 
    overflow: auto;

    height: 100%;
    min-height: 58.5rem;

    text-align: center;

    background-color: #84899f;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
@media (max-width: 63.99em)
{
    .c-expertise
    {
        min-height: 30.9rem;
        min-height: 0 !important;

        text-align: left;

        background-color: #e7eaf2;
        background-color: #070e1d;
        background-image: none !important; 

        flex: 1;
    }
    .c-expertise .c-expertise__overlay
    {
        display: none;
    }
    .c-expertise .c-expertise__content
    {
        height: auto; 
        padding: 2rem 4rem;
    }
    .c-expertise .c-expertise__content .icon-svg
    {
        width: 3.2rem; 
        margin: 0 0 1.8rem 0;
    }
    .c-expertise .c-expertise__content h2
    {
        font-size: 2.2rem; 

        margin: 0rem;
    }
    .c-expertise .c-expertise__content p
    {
        font-size: 1.6rem;
        line-height: 1.25;

        margin: 0;

        letter-spacing: .06rem;

        opacity: inherit;
    }
}
@media (max-width: 63.99em) and (max-width: 63.99em)
{
    .c-expertise .c-expertise__content
    {
        padding: 2rem 3rem;
    }
    .c-expertise .c-expertise__content h2
    {
        font-size: 2rem;

        display: inline-block;

        width: calc(100% - 5rem); 
        margin: 0 0 0 1rem;
        padding-top: .4rem;

        vertical-align: top;
    }
    .c-expertise .c-expertise__content .icon-svg
    {
        margin: 0;
    }
    .c-expertise .c-expertise__content p
    {
        font-size: 1.4rem;
        line-height: 1.28;

        margin-top: 1.8rem; 

        letter-spacing: .05rem;
    }
    .c-expertise img
    {
        margin-right: 1rem; 

        vertical-align: middle;
    }
}
@media (max-width: 63.99em)
{
    .c-expertise .icon-svg
    {
        background-color: #fff;
    }
}
@media screen and (max-width: 63.99em) and (-ms-high-contrast: active), (max-width: 63.99em) and (-ms-high-contrast: none)
{
    .c-expertise .icon-svg
    {
        background: transparent;
    }
}
@media (max-width: 63.99em)
{
    .c-expertise h2
    {
        color: #8eace6;
    }
    .c-expertise p
    {
        color: #d1d6e6;
    }
}
.c-expertise:hover .c-expertise__overlay,
.c-expertise:focus .c-expertise__overlay
{
    opacity: 1; 
    background: linear-gradient(rgba(7, 14, 29, .8));
}
.c-expertise:hover .c-expertise__hover-overlay,
.c-expertise:focus .c-expertise__hover-overlay
{
    opacity: .8; 
    background: linear-gradient(rgba(7, 14, 29, .8));
}
.c-expertise:hover .c-expertise__content p,
.c-expertise:hover .c-expertise__content .c-btn,
.c-expertise:focus .c-expertise__content p,
.c-expertise:focus .c-expertise__content .c-btn
{
    transition: opacity 1s ease; 

    opacity: 1;
}
.c-expertise__overlay
{
    position: absolute;

    width: 100%;
    height: 100%;

    transition: all .4s ease; 

    background: linear-gradient(180deg, rgba(2, 20, 58, .7) 0%, rgba(7, 14, 29, 0) 100%);
}
.c-expertise__hover-overlay
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    transition: all .4s ease; 

    opacity: 0;
    background-color: #070e1d;
}
.c-expertise__content
{
    position: relative;
    z-index: 1;
}
.c-expertise__content .icon-svg
{
    display: block;

    width: auto;
    height: 3.2rem;
    margin-top: 4rem;

    background-color: #fff;
}
@media (max-width: 63.99em)
{
    .c-expertise__content .icon-svg
    {
        display: inline-block;

        width: 3rem;
        height: 3rem;
        margin: 0 1rem 0 0;

        background-color: #073a7c;
    }
}
.c-expertise__content h2
{
    font-weight: 300; 

    margin: 2.5rem 6rem 0;

    color: #fff;
}
@media (max-width: 63.99em)
{
    .c-expertise__content h2
    {
        margin: 6rem 0 0;
    }
}
.c-expertise__content p
{
    margin: 4rem 6rem;

    opacity: 0; 
    color: #fff;
}
@media (max-width: 63.99em)
{
    .c-expertise__content p
    {
        margin: 4rem 0 0;
    }
}
.c-expertise__content .c-btn
{
    color: #fff;
}
@media (min-width: 64em)
{
    .c-expertise__content .c-btn
    {
        opacity: 0;
    }
}
.c-expertise__content__button
{
    display: flex;
    flex-direction: column;

    height: calc(100% - 4rem);

    justify-content: space-between;
}

.c-expertise--small
{
    height: auto;
    min-height: 30.9rem;
    margin-top: 1.6rem;

    text-align: left; 

    background-color: #e7eaf2;

    flex: 1;
}
.c-expertise--small .c-expertise__overlay
{
    display: none;
}
.c-expertise--small .c-expertise__content
{
    height: auto; 
    padding: 2rem 4rem;
}
.c-expertise--small .c-expertise__content .icon-svg
{
    width: 3.2rem; 
    margin: 0 0 1.8rem 0;
}
.c-expertise--small .c-expertise__content h2
{
    font-size: 2.2rem; 

    margin: 0rem;
}
.c-expertise--small .c-expertise__content p
{
    font-size: 1.6rem;
    line-height: 1.25;

    margin: 0;

    letter-spacing: .06rem;

    opacity: inherit;
}
@media (max-width: 63.99em)
{
    .c-expertise--small .c-expertise__content
    {
        padding: 2rem 3rem;
    }
    .c-expertise--small .c-expertise__content h2
    {
        font-size: 2rem;

        display: inline-block;

        width: calc(100% - 5rem); 
        margin: 0 0 0 1rem;
        padding-top: .4rem;

        vertical-align: top;
    }
    .c-expertise--small .c-expertise__content .icon-svg
    {
        margin: 0;
    }
    .c-expertise--small .c-expertise__content p
    {
        font-size: 1.4rem;
        line-height: 1.28;

        margin-top: 1.8rem; 

        letter-spacing: .05rem;
    }
    .c-expertise--small img
    {
        margin-right: 1rem; 

        vertical-align: middle;
    }
}
@media (max-width: 63.99em)
{
    .c-expertise--small
    {
        margin: 0;
    }
}

.c-expertise--dark
{
    background-color: #070e1d;
}
.c-expertise--dark .icon-svg
{
    background-color: #fff;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
{
    .c-expertise--dark .icon-svg
    {
        background: transparent;
    }
}
.c-expertise--dark h2
{
    color: #8eace6;
}
.c-expertise--dark p
{
    color: #d1d6e6;
}

.c-expertise--blue .c-expertise__white-icon
{
    display: none;
}

@media (max-width: 63.99em)
{
    .c-expertise--blue
    {
        background-color: #070e1d;
    }
    .c-expertise--blue .c-expertise__content h2
    {
        color: #8eace6;
    }
    .c-expertise--blue .c-expertise__content p
    {
        color: #d1d6e6;
    }
    .c-expertise--blue .c-expertise__content img
    {
        display: none;
    }
    .c-expertise--blue .c-expertise__content .c-expertise__white-icon
    {
        display: inline;
    }
}

.c-expertise--blue .c-expertise__hover-overlay
{
    visibility: hidden;
}

.c-expertise--small.c-expertise--blue .c-expertise__hover-overlay
{
    visibility: hidden;
}

.c-expertise--small.c-expertise--blue .icon-svg
{
    background-color: #073a7c;
}

.c-expertise--small.c-expertise--blue h2
{
    color: #1b1d27;
}

.c-expertise--small.c-expertise--blue p
{
    color: #3b3e4d;
}

.c-expertise--light-responsive .c-expertise__blue-responsive-icon
{
    display: none;
}

@media (max-width: 63.99em)
{
    .c-expertise--light-responsive
    {
        background-color: #e7eaf2;
    }
    .c-expertise--light-responsive h2
    {
        color: #1b1d27 !important;
    }
    .c-expertise--light-responsive p
    {
        color: #525668 !important;
    }
    .c-expertise--light-responsive .c-expertise__hover-overlay
    {
        visibility: hidden;
    }
    .c-expertise--light-responsive img
    {
        display: inline !important;
    }
    .c-expertise--light-responsive img.c-expertise__white-icon
    {
        display: none !important;
    }
    .c-expertise--light-responsive .c-expertise__desktop-white-icon
    {
        display: none !important;
    }
    .c-expertise--light-responsive .c-expertise__blue-responsive-icon
    {
        display: inline !important;
    }
    .c-expertise--light-responsive:hover
    {
        background-color: #e7eaf2 !important;
    }
    .c-expertise--light-responsive:hover h2
    {
        color: #1b1d27 !important;
    }
    .c-expertise--light-responsive:hover p
    {
        color: #525668 !important;
    }
}

@media (max-width: 63.99em)
{
    .u-bg--linear-gradient-darkest .c-expertise .icon-svg
    {
        background-color: #fff;
    }
    .u-bg--linear-gradient-darkest .c-expertise h2
    {
        color: #8eace6;
    }
    .u-bg--linear-gradient-darkest .c-expertise p
    {
        color: #d1d6e6;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
{
    .icon-svg
    {
        background-color: transparent !important;
    }
}

/* ==========================================================================
   #Showcase news
   ========================================================================== */
/*
---
name: Showcase news
category: 02 - Molecules
---

Big
```showcase-news.html
  <div class="c-showcase-news">
    <div class="c-showcase-news__image">
        <img src="https://via.placeholder.com/1200x900" />
    </div>
    <div class="c-showcase-news__content">
        <div class="infos">
            <div class="c-subtitle c-subtitle--sm c-subtitle--darken">Dossier</div>
            <div class="c-subtitle c-subtitle--sm c-subtitle--primary c-subtitle--tt-up">tag</div>
            <div class="c-subtitle c-subtitle--sm">16.02.2019</div>
        </div>
        <h2>Emmanuel Macron on the Safran Landing Systems carbon brake plant near Lyon</h2>
        <a class="c-btn c-btn--primary" href="#">See more</a>
    </div>
  </div>
```

Small
```showcase-news-small.html
  <div class="o-grid">
    <div class="u-1/3">
      <div class="c-showcase-news c-showcase-news--small">
        <div class="c-showcase-news__image">
          <img src="https://via.placeholder.com/1200x900" />
        </div>
        <div class="c-showcase-news__content">
            <div class="infos">
                <div class="c-subtitle c-subtitle--sm c-subtitle--darken">Dossier</div>
                <div class="c-subtitle c-subtitle--sm c-subtitle--primary c-subtitle--tt-up">tag</div>
                <div class="c-subtitle c-subtitle--sm">06.02.2019</div>
            </div>
            <h2>Emmanuel Macron on the Safran Landing Systems carbon brake plant  near Lyon</h2>
        </div>
      </div>
    </div>
  </div>
```



Without Picture
```showcase-news-without-picture.html
  <div class="o-grid">
    <div class="u-1/3">
      <div class="c-showcase-news c-showcase-news--small c-showcase-news--press">
        <div class="c-showcase-news__content">
            <div class="infos">
                <div class="c-subtitle c-subtitle--sm c-subtitle--darken">Dossier</div>
                <div class="c-subtitle c-subtitle--sm c-subtitle--primary c-subtitle--tt-up">tag</div>
                <div class="c-subtitle c-subtitle--sm">12.12.12</div>
            </div>
            <h2>Emmanuel Macron on the Safran Landing Systems carbon brake plant  near Lyon</h2>
        </div>
      </div>
    </div>
  </div>
```

Dark
```showcase-news-dark.html
  <div class="c-showcase-news" style="background: linear-gradient(51.51deg, #02143A 0%, #070E1D 100%);">
    <div class="c-showcase-news__image">
      <img src="https://via.placeholder.com/1200x900" />
    </div>
    <div class="c-showcase-news__content">
      <div class="infos">
        <div class="c-subtitle c-subtitle--sm c-subtitle--dark">Dossier</div>
          <div class="c-subtitle c-subtitle--sm c-subtitle--primary c-subtitle--tt-up">tag</div>
          <div class="c-subtitle c-subtitle--sm c-subtitle--dark">12.12.12</div>
        </div>
        <h2 class="h2-like--dark">Emmanuel Macron on the Safran Landing Systems carbon brake plant  near Lyon</h2>
        <a class="c-btn c-btn--primary" href="#">See more</a>
    </div>
  </div>
```

*/
.c-showcase-news,
.c-showcase-cp
{
    display: flex;

    align-items: center;
}
@media (max-width: 63.99em)
{
    .c-showcase-news,
    .c-showcase-cp
    {
        flex-direction: column;

        margin-right: -2rem;
        margin-left: -2rem;
        padding-bottom: 0rem;

        align-items: inherit;
    }
    .c-showcase-news:hover,
    .c-showcase-cp:hover
    {
        transform: none !important;
    }
}
@media (max-width: 63.99em)
{
    .c-showcase-news--responsive-white-background,
    .c-showcase-cp--responsive-white-background
    {
        background-color: #fff !important;
    }
}
.c-showcase-news__image,
.c-showcase-cp__image
{
    width: 62.8%;
}
@media (max-width: 63.99em)
{
    .c-showcase-news__image,
    .c-showcase-cp__image
    {
        width: 100%;
    }
}
.c-showcase-news__image-img,
.c-showcase-cp__image-img
{
    width: 100%;

    -o-object-fit: cover;
       object-fit: cover;
}
.c-showcase-news--full-card-link,
.c-showcase-cp--full-card-link
{
    transition: all .3s ease-in-out;
}
.c-showcase-news--full-card-link .c-image-orientation__image--portrait,
.c-showcase-cp--full-card-link .c-image-orientation__image--portrait
{
    overflow: hidden; 

    max-height: 41rem;
}
@media (min-width: 64em)
{
    .c-showcase-news--full-card-link .c-image-orientation__image--portrait,
    .c-showcase-cp--full-card-link .c-image-orientation__image--portrait
    {
        max-height: 50rem;
    }
}
@media (min-width: 87.5em)
{
    .c-showcase-news--full-card-link .c-image-orientation__image--portrait,
    .c-showcase-cp--full-card-link .c-image-orientation__image--portrait
    {
        max-height: 60rem;
    }
}
.c-showcase-news--full-card-link .c-image-orientation__image--portrait .c-showcase-news__image-img,
.c-showcase-cp--full-card-link .c-image-orientation__image--portrait .c-showcase-news__image-img
{
    width: auto;
    height: 100%;
    max-height: 41rem;
}
@media (min-width: 64em)
{
    .c-showcase-news--full-card-link .c-image-orientation__image--portrait .c-showcase-news__image-img,
    .c-showcase-cp--full-card-link .c-image-orientation__image--portrait .c-showcase-news__image-img
    {
        max-height: 50rem;
    }
}
@media (min-width: 87.5em)
{
    .c-showcase-news--full-card-link .c-image-orientation__image--portrait .c-showcase-news__image-img,
    .c-showcase-cp--full-card-link .c-image-orientation__image--portrait .c-showcase-news__image-img
    {
        max-height: 60rem;
    }
}
.c-showcase-news--full-card-link h2,
.c-showcase-news--full-card-link p,
.c-showcase-cp--full-card-link h2,
.c-showcase-cp--full-card-link p
{
    transition: all .3s ease-in-out;
}
@media (max-width: 63.99em)
{
    .c-showcase-news--full-card-link:hover,
    .c-showcase-cp--full-card-link:hover
    {
        box-shadow: none;
    }
}
.c-showcase-news--full-card-link:hover h2,
.c-showcase-news--full-card-link:hover p,
.c-showcase-cp--full-card-link:hover h2,
.c-showcase-cp--full-card-link:hover p
{
    color: #255b8e;
}
.c-showcase-news--full-card-link:hover .c-btn.c-btn--primary,
.c-showcase-cp--full-card-link:hover .c-btn.c-btn--primary
{
    color: #fff;
}
.c-showcase-news--full-card-link:hover .c-btn.c-btn--primary:after,
.c-showcase-cp--full-card-link:hover .c-btn.c-btn--primary:after
{
    transform: translateX(0);
}
.c-showcase-news--no-img:hover,
.c-showcase-cp--no-img:hover
{
    box-shadow: none !important;
}
.c-showcase-news__image + .c-showcase-news__content .infos__category,
.c-showcase-cp__image + .c-showcase-news__content .infos__category,
.c-showcase-news__image + .c-showcase-cp__content .infos__category,
.c-showcase-cp__image + .c-showcase-cp__content .infos__category
{
    margin-top: -1.3rem;
}
@media (max-width: 63.99em)
{
    .c-showcase-news__image + .c-showcase-news__content .infos__category,
    .c-showcase-cp__image + .c-showcase-news__content .infos__category,
    .c-showcase-news__image + .c-showcase-cp__content .infos__category,
    .c-showcase-cp__image + .c-showcase-cp__content .infos__category
    {
        margin-top: 0;
    }
}
.c-showcase-news__content,
.c-showcase-cp__content
{
    display: flex;
    flex-direction: column;

    width: calc(100% / 6 * 2);
    padding-left: 7.6rem; 

    align-items: flex-start;
    justify-content: center;
}
@media (max-width: 87.49em)
{
    .c-showcase-news__content,
    .c-showcase-cp__content
    {
        padding-left: 4.2rem;
    }
}
@media (max-width: 63.99em)
{
    .c-showcase-news__content,
    .c-showcase-cp__content
    {
        width: 70%;
        height: inherit !important;
    }
}
@media (max-width: 63.99em)
{
    .c-showcase-news__content,
    .c-showcase-cp__content
    {
        width: 100%;
        padding: 2.5rem 2rem 0;

        text-align: center; 

        align-items: center;
    }
}
.c-showcase-news__content--no-img,
.c-showcase-cp__content--no-img
{
    width: 100%;
    padding-left: 0;
}
@media (max-width: 63.99em)
{
    .c-showcase-news__content--no-img,
    .c-showcase-cp__content--no-img
    {
        padding-left: 4rem;
    }
}
.c-showcase-news__content .infos__category,
.c-showcase-cp__content .infos__category
{
    display: block;

    margin-bottom: 2rem;

    color: #525668;
}
@media (max-width: 63.99em)
{
    .c-showcase-news__content .infos__category,
    .c-showcase-cp__content .infos__category
    {
        margin-bottom: 1rem;
    }
}
.c-showcase-news__content .infos__date,
.c-showcase-news__content .infos__tag,
.c-showcase-cp__content .infos__date,
.c-showcase-cp__content .infos__tag
{
    display: inline-block;
}
@media (max-width: 63.99em)
{
    .c-showcase-news__content .infos__date,
    .c-showcase-news__content .infos__tag,
    .c-showcase-cp__content .infos__date,
    .c-showcase-cp__content .infos__tag
    {
        font-size: 1.1rem;

        letter-spacing: .18rem;
    }
}
.c-showcase-news__content .infos__date,
.c-showcase-cp__content .infos__date
{
    margin-right: 2.5rem;
}
@media (max-width: 63.99em)
{
    .c-showcase-news__content .infos__date,
    .c-showcase-cp__content .infos__date
    {
        font-size: 1.1rem;

        margin-right: 1.5rem; 

        letter-spacing: .18rem;
    }
}
.c-showcase-news__content p,
.c-showcase-cp__content p
{
    line-height: 2.2rem;

    max-width: 100%;
    margin: 0;
    margin-top: 1rem;

    color: #1b1d27;
}
@media (min-width: 64em)
{
    .c-showcase-news__content p,
    .c-showcase-cp__content p
    {
        line-height: 2.6rem;
    }
}
.c-showcase-news__content h2,
.c-showcase-cp__content h2
{
    max-width: 100%;
    margin: 1.5rem 0 4rem;

    color: #1b1d27;
}
@media (max-width: 87.49em)
{
    .c-showcase-news__content h2,
    .c-showcase-cp__content h2
    {
        margin: 1rem 0 3rem;
    }
}
@media (max-width: 63.99em)
{
    .c-showcase-news__content h2,
    .c-showcase-cp__content h2
    {
        font-size: 2.4rem;
    }
}
@media (max-width: 63.99em)
{
    .c-showcase-news__content .c-btn,
    .c-showcase-cp__content .c-btn
    {
        width: 100%;
    }
}
.c-showcase-news--small,
.c-showcase-cp--small
{
    position: relative;

    flex-direction: column;

    height: 100%; 

    transition: all .2s;
}
@media (max-width: 63.99em)
{
    .c-showcase-news--small .infos,
    .c-showcase-cp--small .infos
    {
        padding: 0;
    }
}
.c-showcase-news--small p,
.c-showcase-cp--small p
{
    padding-bottom: 2rem;

    transition: all .3s;
}
@media (max-width: 63.99em)
{
    .c-showcase-news--small p,
    .c-showcase-cp--small p
    {
        padding: 0;
    }
}
.c-showcase-news--small img,
.c-showcase-cp--small img
{
    transition: all .3s;
}
@media (max-width: 63.99em)
{
    .c-showcase-news--small:hover,
    .c-showcase-cp--small:hover
    {
        box-shadow: none;
    }
}
.c-showcase-news--small:hover p,
.c-showcase-cp--small:hover p
{
    color: #255b8e;
}
@media (max-width: 63.99em)
{
    .c-showcase-news--small,
    .c-showcase-cp--small
    {
        height: inherit; 
        margin-right: 0;
        margin-left: 0;
        padding: 3rem 0;
    }
}
@media (max-width: 63.99em)
{
    .c-showcase-news--small:after,
    .c-showcase-cp--small:after
    {
        position: absolute;
        bottom: 0;

        width: 100%;
        height: .1rem;
        margin-left: 0;

        content: ''; 

        background-color: #d1d6e6;
    }
}
@media (max-width: 47.99em)
{
    .c-showcase-news--small:after,
    .c-showcase-cp--small:after
    {
        width: 100%;
        margin-left: 0;
    }
}
.c-showcase-news--small .c-showcase-news__image,
.c-showcase-cp--small .c-showcase-news__image
{
    width: 100%;
    height: auto;
}
.c-showcase-news--small .c-showcase-news__image img,
.c-showcase-cp--small .c-showcase-news__image img
{
    height: 22.5rem; 
    max-height: 22.5rem;
}
@media (min-width: 48em)
{
    .c-showcase-news--small .c-showcase-news__image img,
    .c-showcase-cp--small .c-showcase-news__image img
    {
        height: 27.3rem; 
        max-height: 27.3rem;
    }
}
@media (min-width: 64em)
{
    .c-showcase-news--small .c-showcase-news__image img,
    .c-showcase-cp--small .c-showcase-news__image img
    {
        height: 20rem; 
        max-height: 20rem;
    }
}
@media (min-width: 80em)
{
    .c-showcase-news--small .c-showcase-news__image img,
    .c-showcase-cp--small .c-showcase-news__image img
    {
        height: 27.5rem; 
        max-height: 27.5rem;
    }
}
.c-showcase-news--small .c-showcase-news__image-background,
.c-showcase-cp--small .c-showcase-news__image-background
{
    position: relative;

    overflow: hidden; 

    width: 100%;
    height: 27.3rem;

    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
@media (max-width: 47.99em)
{
    .c-showcase-news--small .c-showcase-news__image-background,
    .c-showcase-cp--small .c-showcase-news__image-background
    {
        height: 22.5rem;
    }
}
.c-showcase-news--small .c-showcase-news__content,
.c-showcase-cp--small .c-showcase-news__content
{
    width: 100%;
    margin-top: 3rem; 
    padding: 0;
}
@media (max-width: 63.99em)
{
    .c-showcase-news--small .c-showcase-news__content,
    .c-showcase-cp--small .c-showcase-news__content
    {
        margin-top: 1.2rem;

        text-align: left; 

        align-items: flex-start;
    }
}
.c-showcase-news--small .c-showcase-news__content h2,
.c-showcase-cp--small .c-showcase-news__content h2
{
    font-size: 2.4rem;
    line-height: 1.4;
}
.c-showcase-news--small .c-showcase-news__content p,
.c-showcase-cp--small .c-showcase-news__content p
{
    transition: all .3s;
}
@media (max-width: 47.99em)
{
    .c-showcase-news--small .c-showcase-news__content p,
    .c-showcase-cp--small .c-showcase-news__content p
    {
        font-size: 1.6rem; 

        margin: 0;
        margin-top: .5rem;
    }
}
.c-showcase-news--press,
.c-showcase-cp--press
{
    height: 100%;
    padding: 4rem;

    transition: all .2s; 

    background-color: #f9fafc;
}
.c-showcase-news--press:hover p,
.c-showcase-cp--press:hover p
{
    color: #255b8e;
}
@media (max-width: 63.99em)
{
    .c-showcase-news--press,
    .c-showcase-cp--press
    {
        padding: 0rem 2rem 0rem 0;

        background-color: transparent;
    }
}
.c-showcase-news--press .c-showcase-news__content,
.c-showcase-cp--press .c-showcase-news__content
{
    width: 100%;
    margin-top: 0;
}
@media (max-width: 63.99em)
{
    .c-showcase-news--press .c-showcase-news__content,
    .c-showcase-cp--press .c-showcase-news__content
    {
        padding: 2.5rem 0;
    }
}
@media (max-width: 63.99em)
{
    .c-showcase-news--press .c-showcase-news__content p,
    .c-showcase-cp--press .c-showcase-news__content p
    {
        margin-top: 0;
    }
}

.c-showcase-news__image
{
    height: 100%;
}
.c-showcase-news__image img
{
    position: relative;

    display: block;

    height: auto;
}

.c-showcase-news__content
{
    height: 100%;

    justify-content: inherit;
}

body.press-area-page .c-showcase-news
{
    align-items: center;
}

@media (max-width: 47.99em)
{
    body.news-list-page .c-showcase-news--small .c-showcase-news__content
    {
        margin-top: 1.5rem;
    }
}

/* ==========================================================================
   #Profile Card item
   ========================================================================== */
.c-profile-card-item
{
    display: flex;

    width: 100%;
    max-width: 59rem;
    min-height: 26.3rem;

    transition: all .3s ease-in-out; 

    background-color: #fff;
    box-shadow: 0 1.4rem 1.2rem 0 rgba(37, 91, 142, .12);
}
.c-profile-card-item:hover
{
    box-shadow: 0 1.4rem 1.2rem 0 rgba(37, 91, 142, .2);
}
.c-profile-card-item:hover .c-btn--text-button
{
    padding-left: 8rem;

    color: #0f60a7;
}
.c-profile-card-item:hover .c-btn--text-button::before
{
    width: 6rem;
}
@media (max-width: 63.99em)
{
    .c-profile-card-item
    {
        display: block;

        max-width: 27rem;
        min-height: 48rem;
        padding-top: 2rem;
    }
}
.c-profile-card-item .c-profile-card-item__image
{
    width: 26.2rem;
    height: 100%;

    background-color: #84899f;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
@media (max-width: 63.99em)
{
    .c-profile-card-item .c-profile-card-item__image
    {
        width: 22rem;
        height: 25rem;
        margin: auto;
    }
}
.c-profile-card-item .c-profile-card-item__content
{
    display: flex;
    flex-direction: column;

    margin-left: 6rem; 

    justify-content: center;
}
@media (max-width: 63.99em)
{
    .c-profile-card-item .c-profile-card-item__content
    {
        margin-left: 0; 
        padding: 2.5rem 2.9rem;
    }
}
.c-profile-card-item .c-profile-card-item__name
{
    font-size: 2.8rem;
    font-weight: 500;
    line-height: 1.3; 

    margin: 0;

    letter-spacing: .15rem;

    color: #141d29;
}
@media (max-width: 63.99em)
{
    .c-profile-card-item .c-profile-card-item__name
    {
        font-size: 1.6rem;
        font-weight: 500;
        line-height: 1.4;

        margin-bottom: 0;

        color: #1b1d27;
    }
}
.c-profile-card-item .c-profile-card-item__description
{
    font-size: 1.8rem;
    line-height: 1.4; 

    min-width: 22rem;
    margin-top: 1rem;

    color: #1b1d27;
}
@media (max-width: 63.99em)
{
    .c-profile-card-item .c-profile-card-item__description
    {
        font-size: 1.6rem;
        line-height: 1.4; 

        margin-top: .5rem;
        margin-bottom: 2rem;
    }
}
.c-profile-card-item .c-profile-card-item__button-container
{
    width: 100%;
}
@media (min-width: 64em)
{
    .c-profile-card-item--small
    {
        width: 19.7rem;
        max-width: initial;
        height: 26.2rem;
        min-height: initial;
        padding: 0;

        transition: all .3s ease-in-out; 

        background-color: #fff;
    }
}
@media (min-width: 64em)
{
    .c-profile-card-item--small:hover,
    .c-profile-card-item--small:focus
    {
        width: 59rem;
        height: 30rem;
        margin-top: -3.75rem;
    }
}
@media (min-width: 64em)
{
    .c-profile-card-item--small:hover .c-profile-card-item__content,
    .c-profile-card-item--small:focus .c-profile-card-item__content
    {
        max-width: 50rem;
        margin-left: 3rem;

        opacity: 1;
    }
}
.c-profile-card-item--small:hover .c-btn--text-button,
.c-profile-card-item--small:focus .c-btn--text-button
{
    padding-left: 8rem;

    color: #0f60a7;
}
.c-profile-card-item--small:hover .c-btn--text-button::before,
.c-profile-card-item--small:focus .c-btn--text-button::before
{
    width: 6rem;
}
.c-profile-card-item--small:hover .c-btn--text-button,
.c-profile-card-item--small:focus .c-btn--text-button
{
    padding-left: 6rem !important;
}
.c-profile-card-item--small:hover .c-btn--text-button::before,
.c-profile-card-item--small:focus .c-btn--text-button::before
{
    width: 4rem !important;
}
.c-profile-card-item--small .c-profile-card-item__name
{
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.4;
}
@media (min-width: 64em)
{
    .c-profile-card-item--small .c-profile-card-item__name
    {
        width: 28rem;
    }
}
@media (max-width: 63.99em)
{
    .c-profile-card-item--small .c-profile-card-item__name
    {
        font-size: 1.6rem;
        font-weight: 500;
    }
}
.c-profile-card-item--small .c-profile-card-item__description
{
    min-height: 6.4rem;
    margin-top: 2rem;
}
@media (min-width: 64em)
{
    .c-profile-card-item--small .c-profile-card-item__description
    {
        width: 28rem;
    }
}
@media (max-width: 63.99em)
{
    .c-profile-card-item--small .c-profile-card-item__description
    {
        margin-top: .4rem;
    }
}
.c-profile-card-item--small .c-profile-card-item__content
{
    padding-top: 3rem;
}
@media (min-width: 64em)
{
    .c-profile-card-item--small .c-profile-card-item__content
    {
        overflow: hidden;

        max-width: 0;
        margin-left: 0;

        transition: all .2s ease-in-out; 

        opacity: 0;
    }
}
@media (max-width: 63.99em)
{
    .c-profile-card-item--small .c-profile-card-item__content
    {
        padding-top: 2.5rem;
    }
}
@media (min-width: 64em)
{
    .c-profile-card-item--small .c-profile-card-item__button-container
    {
        width: 28rem;
    }
}
.c-profile-card-item--hover-animation
{
    margin-bottom: 4rem;
    padding: 0; 

    transition: all .2s;

    flex-basis: calc(33% - 1.5rem);
}
@media (max-width: 80em)
{
    .c-profile-card-item--hover-animation
    {
        flex-basis: calc(50% - 1.5rem);
    }
}
.c-profile-card-item--hover-animation:hover
{
    box-shadow: 0 1.4rem 1.2rem 0 rgba(37, 91, 142, .2);
}
.c-profile-card-item--hover-animation:hover .c-btn--text-button
{
    padding-left: 8rem;

    color: #0f60a7;
}
.c-profile-card-item--hover-animation:hover .c-btn--text-button::before
{
    width: 6rem;
}
.c-profile-card-item--hover-animation .c-profile-card-item__content
{
    flex-basis: calc(100% - 19.7rem);
}
.c-profile-card-item--hover-animation .c-profile-card-item__image
{
    position: relative; 

    width: 19.7rem;
    height: auto;

    background: none;
}
.c-profile-card-item--hover-animation .c-profile-card-item__image img
{
    width: 100%;
}
@media (min-width: 64em)
{
    .c-profile-card-item--hover-animation .c-profile-card-item__image img
    {
        position: absolute;
        top: 50%;

        width: 19.7rem;

        transform: translateY(-50%);
    }
}

/* ==========================================================================
   #Publication item
   ========================================================================== */
/*
---
name: Publication item
category: 02 - Molecules
---

Normal
```publication-item.html
    <div class="c-publication-item">
      <div class="c-publication-item__photo"></div>
    </div>
```

With title
```publication-item-title.html
    <div class="c-publication-item">
      <div class="c-publication-item__photo"></div>
      <p class="c-publication-item__title">Governance - Membership strucutre of the Board of Directors</p>
    </div>
```

With link
```publication-item-link.html
    <div class="c-publication-item">
      <div class="c-publication-item__photo"></div>
      <a class="c-download-file" href="#" download></a>
    </div>
```

With link and title
```publication-item-link-title.html
    <div class="c-publication-item">
      <div class="c-publication-item__photo"></div>
      <p class="c-publication-item__title">Governance - Membership strucutre of the Board of Directors</p>
      <a class="c-download-file" href="#" download></a>
    </div>
```

*/
.c-publication-item
{
    display: flex;
    flex-direction: column;

    margin-top: 1rem;
    margin-bottom: 4rem;

    text-align: center;
}

@-moz-document url-prefix()
{
    .c-publication-item
    {
        width: 95%;
        margin-top: 2rem;

        transform: translateZ(0) scale(1.05, 1.05); 

        backface-visibility: hidden;
    }
}
.c-publication-item:hover .c-publication-item__photo
{
    transform: scale(1.03);
}
.c-publication-item:hover .c-download-file__icon-arrow
{
    animation-name: hvr-icon-drop;
    animation-duration: .7s;
    animation-timing-function: ease-in-out; 
    animation-iteration-count: 1;
}
.c-publication-item__photo
{
    position: relative;

    width: 22rem;
    height: 30.5rem;
    margin: 0 auto;
    margin-bottom: 4rem; 

    transition: all .4s ease-in-out;

    border-radius: .2rem 0 0 .2rem;
    background-size: cover;
    box-shadow: 1rem 1rem 2rem 0 rgba(37, 91, 142, .08);
}
@media (max-width: 47.99em)
{
    .c-publication-item__photo
    {
        width: 16rem;
        height: 22.5rem;
    }
}
.c-publication-item__photo:before
{
    position: absolute;
    right: 0;

    width: 100%;
    height: 100%;

    content: '';

    opacity: .1; 
    background: linear-gradient(90deg, #fff 0%, #cacaca 100%);
}
.c-publication-item__title
{
    line-height: 1.55; 

    margin: 0 5rem;

    color: #000;
}
@media (max-width: 47.99em)
{
    .c-publication-item__title
    {
        font-size: 1.6rem;
        line-height: 2.2rem; 

        margin: 0;
    }
}
.c-publication-item__date
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.2rem;

    margin-bottom: 1rem;

    letter-spacing: .2rem; 

    color: #525668;
}
.c-publication-item .c-download-file
{
    margin-top: 1rem;
}

.publications-newsroom-page .c-publication-item
{
    position: relative;

    margin-top: 0;
    margin-bottom: 0;
}
.publications-newsroom-page .c-publication-item__card
{
    display: block; 

    width: 100%;
    height: 100%;
}
.publications-newsroom-page .c-publication-item__card:hover .c-publication-item__card__alert__icon
{
    transform: translate(-50%, -.3rem); 

    box-shadow: 0 0 1rem rgba(0, 0, 0, .15);
}
.publications-newsroom-page .c-publication-item__card__alert
{
    display: flex;
    flex-direction: column;

    height: 100%;
    padding: 0 10rem;

    text-align: center;

    background-color: rgba(110, 182, 179, .1); 

    align-items: center;
    justify-content: center;
}
.publications-newsroom-page .c-publication-item__card__alert__icon
{
    position: absolute;
    top: -.7rem;
    left: 50%;

    display: flex;

    width: 8.7rem;
    height: 10rem;

    transition: all .3s; 
    transform: translate(-50%, 0);

    background-color: #315e5d;

    align-items: center;
    justify-content: center;
}
.publications-newsroom-page .c-publication-item__card__alert__icon img
{
    width: 2.4rem;
    height: 2.4rem;
}
.publications-newsroom-page .c-publication-item__card__alert__title
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 2.8rem;
    line-height: 3.6rem;

    width: 100%; 

    letter-spacing: 0;

    color: #387876;
}
.publications-newsroom-page .c-publication-item__card__alert__subtitle
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 2rem;

    width: 100%; 
    margin-top: 2.3rem;

    letter-spacing: .6px;

    color: #1b1d27;
}

@media (max-width: 64em)
{
    .publications-newsroom-page .c-publication-item
    {
        padding-top: 2.6rem; 
        padding-bottom: 2.6rem;

        border-bottom: 1px solid #d1d6e6;
    }
    .publications-newsroom-page .c-publication-item:last-child
    {
        padding-bottom: 0;

        border-bottom: none;
    }
    .publications-newsroom-page .c-publication-item.bell
    {
        margin-right: -4rem;
        margin-left: -4rem;
        padding-top: 0;

        border-bottom: none;
    }
    .publications-newsroom-page .c-publication-item__card__alert
    {
        position: relative;

        min-height: 10rem;
        padding: 1.4rem 0;

        text-align: left; 

        background-color: rgba(110, 182, 179, .05);

        align-items: inherit;
    }
    .publications-newsroom-page .c-publication-item__card__alert__icon
    {
        top: 50%;
        left: 0;

        width: 6.3rem;
        height: 7.2rem;

        transform: translate(0, -50%);
    }
    .publications-newsroom-page .c-publication-item__card__alert__title
    {
        font-size: 1.8rem;
        line-height: 2.4rem;

        margin-left: 7.8rem; 

        letter-spacing: 1px;

        color: #315e5d;
    }
    .publications-newsroom-page .c-publication-item__card__alert__subtitle
    {
        font-size: 1.4rem;
        line-height: 1.8rem;

        margin-top: .4rem;
        margin-left: 7.8rem; 

        letter-spacing: .53px;

        color: #1b1d27;
    }
}

@media (max-width: 48em)
{
    .publications-newsroom-page .c-publication-item.bell
    {
        margin-right: -2rem; 
        margin-left: -2rem;
    }
}

/* ==========================================================================
   # LARGE TEXT
   ========================================================================== */
/*
---
name: Video playlist
category: 02 - Molecules
---


Normal
```video-playlist.html
    <div class="c-video-playlist o-grid" style="padding: 2rem;">
      <div class="c-video-playlist__showcase u-4/6">
        <a class="c-video-item" href="#">
          <div class="c-video-item__image">
            <img src="https://via.placeholder.com/1200x900" />
            <div class="player">
              <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 41.999 41.999" style="enable-background:new 0 0 41.999 41.999;" xml:space="preserve">
                <path d="M36.068,20.176l-29-20C6.761-0.035,6.363-0.057,6.035,0.114C5.706,0.287,5.5,0.627,5.5,0.999v40 c0,0.372,0.206,0.713,0.535,0.886c0.146,0.076,0.306,0.114,0.465,0.114c0.199,0,0.397-0.06,0.568-0.177l29-20 c0.271-0.187,0.432-0.494,0.432-0.823S36.338,20.363,36.068,20.176z"/>
              </svg>
            </div>
          </div>
        </a>
      </div>
      <div class="overlay u-2/6">
        <div class="video-number"><p>4 videos</p></div>
        <ul class="c-video-playlist__list" data-simplebar>
          <li class="active">
            <div class="c-video-item c-video-item--small">
              <div class="c-video-item__image">
                <img src="https://via.placeholder.com/1200x900" />
                <div class="player">
                  <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 41.999 41.999" style="enable-background:new 0 0 41.999 41.999;" xml:space="preserve">
                    <path d="M36.068,20.176l-29-20C6.761-0.035,6.363-0.057,6.035,0.114C5.706,0.287,5.5,0.627,5.5,0.999v40 c0,0.372,0.206,0.713,0.535,0.886c0.146,0.076,0.306,0.114,0.465,0.114c0.199,0,0.397-0.06,0.568-0.177l29-20 c0.271-0.187,0.432-0.494,0.432-0.823S36.338,20.363,36.068,20.176z"/>
                  </svg>
                </div>
              </div>
              <div class="c-video-item__content">
                <p>Lorem ipsum Lorem ipsum Lorem ipsum1</p>
                <span>12:01</span>
              </div>
            </div>
          </li>
          <li>
            <div class="c-video-item c-video-item--small">
              <div class="c-video-item__image">
                <img src="https://via.placeholder.com/1200x900" />
                <div class="player">
                  <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 41.999 41.999" style="enable-background:new 0 0 41.999 41.999;" xml:space="preserve">
                    <path d="M36.068,20.176l-29-20C6.761-0.035,6.363-0.057,6.035,0.114C5.706,0.287,5.5,0.627,5.5,0.999v40 c0,0.372,0.206,0.713,0.535,0.886c0.146,0.076,0.306,0.114,0.465,0.114c0.199,0,0.397-0.06,0.568-0.177l29-20 c0.271-0.187,0.432-0.494,0.432-0.823S36.338,20.363,36.068,20.176z"/>
                  </svg>
                </div>
              </div>
              <div class="c-video-item__content">
                <p>Lorem ipsum Lorem ipsum Lorem ipsum1</p>
                <span>12:01</span>
              </div>
            </div>
          </li>
          <li>
            <div class="c-video-item c-video-item--small">
              <div class="c-video-item__image">
                <img src="https://via.placeholder.com/1200x900" />
                <div class="player">
                  <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 41.999 41.999" style="enable-background:new 0 0 41.999 41.999;" xml:space="preserve">
                    <path d="M36.068,20.176l-29-20C6.761-0.035,6.363-0.057,6.035,0.114C5.706,0.287,5.5,0.627,5.5,0.999v40 c0,0.372,0.206,0.713,0.535,0.886c0.146,0.076,0.306,0.114,0.465,0.114c0.199,0,0.397-0.06,0.568-0.177l29-20 c0.271-0.187,0.432-0.494,0.432-0.823S36.338,20.363,36.068,20.176z"/>
                  </svg>
                </div>
              </div>
              <div class="c-video-item__content">
                <p>Lorem ipsum Lorem ipsum Lorem ipsum1</p>
                <span>12:01</span>
              </div>
            </div>
          </li>
          <li>
            <div class="c-video-item c-video-item--small">
              <div class="c-video-item__image">
                <img src="https://via.placeholder.com/1200x900" />
                <div class="player">
                  <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 41.999 41.999" style="enable-background:new 0 0 41.999 41.999;" xml:space="preserve">
                    <path d="M36.068,20.176l-29-20C6.761-0.035,6.363-0.057,6.035,0.114C5.706,0.287,5.5,0.627,5.5,0.999v40 c0,0.372,0.206,0.713,0.535,0.886c0.146,0.076,0.306,0.114,0.465,0.114c0.199,0,0.397-0.06,0.568-0.177l29-20 c0.271-0.187,0.432-0.494,0.432-0.823S36.338,20.363,36.068,20.176z"/>
                  </svg>
                </div>
              </div>
              <div class="c-video-item__content">
                <p>Lorem ipsum Lorem ipsum Lorem ipsum1</p>
                <span>12:01</span>
              </div>
            </div>
          </li>
        </ul>
      </div>
    </div>
```



Dark
```video-playlist-dark.html
    <div class="c-video-playlist c-video-playlist--dark o-grid" style="background-color: #02143A; padding: 2rem;">
      <div class="c-video-playlist__showcase u-4/6">
        <a class="c-video-item" href="#">
          <div class="c-video-item__image">
            <img src="https://via.placeholder.com/1200x900" />
            <div class="player">
              <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 41.999 41.999" style="enable-background:new 0 0 41.999 41.999;" xml:space="preserve">
                <path d="M36.068,20.176l-29-20C6.761-0.035,6.363-0.057,6.035,0.114C5.706,0.287,5.5,0.627,5.5,0.999v40 c0,0.372,0.206,0.713,0.535,0.886c0.146,0.076,0.306,0.114,0.465,0.114c0.199,0,0.397-0.06,0.568-0.177l29-20 c0.271-0.187,0.432-0.494,0.432-0.823S36.338,20.363,36.068,20.176z"/>
              </svg>
            </div>
          </div>
        </a>
      </div>
      <div class="overlay u-2/6">
        <div class="video-number"><p>4 videos</p></div>
        <ul class="c-video-playlist__list" data-simplebar>
          <li class="active">
            <div class="c-video-item c-video-item--dark c-video-item--small">
              <div class="c-video-item__image">
                <img src="https://via.placeholder.com/1200x900" />
                <div class="player">
                  <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 41.999 41.999" style="enable-background:new 0 0 41.999 41.999;" xml:space="preserve">
                    <path d="M36.068,20.176l-29-20C6.761-0.035,6.363-0.057,6.035,0.114C5.706,0.287,5.5,0.627,5.5,0.999v40 c0,0.372,0.206,0.713,0.535,0.886c0.146,0.076,0.306,0.114,0.465,0.114c0.199,0,0.397-0.06,0.568-0.177l29-20 c0.271-0.187,0.432-0.494,0.432-0.823S36.338,20.363,36.068,20.176z"/>
                  </svg>
                </div>
              </div>
              <div class="c-video-item__content">
                <p>Lorem ipsum Lorem ipsum Lorem ipsum1</p>
                <span>12:01</span>
              </div>
            </div>
          </li>
          <li>
            <div class="c-video-item c-video-item--dark c-video-item--small">
              <div class="c-video-item__image">
                <img src="https://via.placeholder.com/1200x900" />
                <div class="player">
                  <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 41.999 41.999" style="enable-background:new 0 0 41.999 41.999;" xml:space="preserve">
                    <path d="M36.068,20.176l-29-20C6.761-0.035,6.363-0.057,6.035,0.114C5.706,0.287,5.5,0.627,5.5,0.999v40 c0,0.372,0.206,0.713,0.535,0.886c0.146,0.076,0.306,0.114,0.465,0.114c0.199,0,0.397-0.06,0.568-0.177l29-20 c0.271-0.187,0.432-0.494,0.432-0.823S36.338,20.363,36.068,20.176z"/>
                  </svg>
                </div>
              </div>
              <div class="c-video-item__content">
                <p>Lorem ipsum Lorem ipsum Lorem ipsum1</p>
                <span>12:01</span>
              </div>
            </div>
          </li>
          <li>
            <div class="c-video-item c-video-item--dark c-video-item--small">
              <div class="c-video-item__image">
                <img src="https://via.placeholder.com/1200x900" />
                <div class="player">
                  <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 41.999 41.999" style="enable-background:new 0 0 41.999 41.999;" xml:space="preserve">
                    <path d="M36.068,20.176l-29-20C6.761-0.035,6.363-0.057,6.035,0.114C5.706,0.287,5.5,0.627,5.5,0.999v40 c0,0.372,0.206,0.713,0.535,0.886c0.146,0.076,0.306,0.114,0.465,0.114c0.199,0,0.397-0.06,0.568-0.177l29-20 c0.271-0.187,0.432-0.494,0.432-0.823S36.338,20.363,36.068,20.176z"/>
                  </svg>
                </div>
              </div>
              <div class="c-video-item__content">
                <p>Lorem ipsum Lorem ipsum Lorem ipsum1</p>
                <span>12:01</span>
              </div>
            </div>
          </li>
          <li>
            <div class="c-video-item c-video-item--dark c-video-item--small">
              <div class="c-video-item__image">
                <img src="https://via.placeholder.com/1200x900" />
                <div class="player">
                  <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 41.999 41.999" style="enable-background:new 0 0 41.999 41.999;" xml:space="preserve">
                    <path d="M36.068,20.176l-29-20C6.761-0.035,6.363-0.057,6.035,0.114C5.706,0.287,5.5,0.627,5.5,0.999v40 c0,0.372,0.206,0.713,0.535,0.886c0.146,0.076,0.306,0.114,0.465,0.114c0.199,0,0.397-0.06,0.568-0.177l29-20 c0.271-0.187,0.432-0.494,0.432-0.823S36.338,20.363,36.068,20.176z"/>
                  </svg>
                </div>
              </div>
              <div class="c-video-item__content">
                <p>Lorem ipsum Lorem ipsum Lorem ipsum1</p>
                <span>12:01</span>
              </div>
            </div>
          </li>
        </ul>
      </div>
    </div>
```
*/
.c-video-playlist
{
    display: flex;
}
@media (min-width: 64em)
{
    .c-video-playlist
    {
        justify-content: space-between;
    }
}
.c-video-playlist__showcase
{
    position: relative;

    display: block;

    width: 100%; 
    max-width: 74.5rem;
}
@media (max-width: 63.99em)
{
    .c-video-playlist__showcase
    {
        padding-right: 4rem;
    }
}
@media (max-width: 47.99em)
{
    .c-video-playlist__showcase
    {
        padding-right: 2rem;
    }
}
.c-video-playlist__showcase .c-video-item
{
    height: 40rem;
    margin-right: 3.5rem;
}
@media (min-width: 64em)
{
    .c-video-playlist__showcase .c-video-item
    {
        height: 35rem;
    }
}
@media (min-width: 87.5em)
{
    .c-video-playlist__showcase .c-video-item
    {
        height: 40rem; 

        align-items: center;
    }
}
@media (max-width: 63.99em)
{
    .c-video-playlist__showcase .c-video-item
    {
        height: inherit;
    }
}
@media (min-width: 76.875em)
{
    .c-video-playlist__showcase .c-video-item
    {
        align-items: center;
    }
}
.c-video-playlist__overlay
{
    position: relative;

    width: 60%;
    margin-left: 3.5rem;
}
.c-video-playlist--light-blue .c-video-playlist__overlay:after
{
    background: linear-gradient(180deg, rgba(231, 234, 242, 0) 0%, #e7eaf2 100%);
}
.c-video-playlist__overlay:after
{
    position: absolute;
    bottom: 0;

    width: calc(100%);
    height: 8rem;

    content: '';
    transition: opacity .5s linear; 
    pointer-events: none;

    background: linear-gradient(180deg, rgba(2, 20, 58, 0) 0%, #02143a 100%);
}
@media (max-width: 63.99em)
{
    .c-video-playlist__overlay:after
    {
        content: none;
    }
}
.c-video-playlist__overlay .video-number
{
    line-height: 1.1; 

    color: #84899f;
}
.c-video-playlist__overlay .video-number p
{
    font-size: 1.6rem;
    line-height: 2rem; 

    margin: 0;
    margin-bottom: 1rem;
    padding-left: 1rem;

    letter-spacing: .06rem;

    color: #84899f;
}
@media (max-width: 63.99em)
{
    .c-video-playlist__overlay .video-number p
    {
        font-size: 1.4rem; 

        padding-left: 0;
    }
}
.c-video-playlist__overlay .list
{
    position: relative;

    overflow-y: auto;

    max-height: calc(40rem - 2.8rem);
    margin: 0;

    scrollbar-color: #bcbfcf #3b3e4d;
    scrollbar-width: thin;
}
.c-video-playlist__overlay .list::-webkit-scrollbar-track
{
    border-radius: .6rem;
    background-color: #3b3e4d; 
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}
.c-video-playlist__overlay .list::-webkit-scrollbar
{
    width: .8rem;

    border-radius: .6rem;
    background-color: #3b3e4d;
}
.c-video-playlist__overlay .list::-webkit-scrollbar-thumb
{
    border-radius: .6rem;
    background-color: #bcbfcf; 
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}
.c-video-playlist__overlay .list ul
{
    margin: 0;
}
.c-video-playlist__overlay .list .ps__rail-y
{
    display: none !important;
}
@media (min-width: 64em)
{
    .c-video-playlist__overlay .list
    {
        max-height: calc(35rem - 2.8rem);
    }
}
@media (min-width: 87.5em)
{
    .c-video-playlist__overlay .list
    {
        max-height: calc(40rem - 2.8rem);
    }
}
@media (max-width: 87.49em)
{
    .c-video-playlist__overlay .list
    {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
}
@media (max-width: 87.49em)
{
    .c-video-playlist__overlay .list::-webkit-scrollbar
    {
        display: none;
    }
}
.c-video-playlist__overlay .list li
{
    transition: all .5s ease-in-out;
}
@media (max-width: 63.99em)
{
    .c-video-playlist__overlay .list li
    {
        padding-top: .75rem;
        padding-bottom: 3.5rem; 
        padding-left: .75rem;
    }
}
@media (max-width: 63.99em)
{
    .c-video-playlist__overlay .list li:first-child .c-video-item
    {
        padding-left: 0;
    }
}
.c-video-playlist__overlay .list li.active,
.c-video-playlist__overlay .list li:hover
{
    background-color: rgba(255, 255, 255, .1);
}
@media (max-width: 63.99em)
{
    .c-video-playlist__overlay .list li.active,
    .c-video-playlist__overlay .list li:hover
    {
        z-index: 10;

        border-right: none;
        background-color: rgba(216, 216, 216, .1);
    }
}
.c-video-playlist__overlay--no-bottom-blur::after
{
    opacity: 0;
}
@media (min-width: 64em)
{
    .c-video-playlist .ps--active-x > .ps__rail-x
    {
        display: none !important;
    }
}
@media (max-width: 63.99em)
{
    .c-video-playlist
    {
        display: block;
    }
    .c-video-playlist__showcase
    {
        width: 100%;
        margin-right: 0;
    }
    .c-video-playlist__showcase .c-video-item
    {
        margin-right: auto;
    }
    .c-video-playlist__overlay
    {
        width: 100%;
        margin-top: 2.5rem;
        margin-left: 0; 
        padding-right: 1rem;
    }
    .c-video-playlist__overlay .list
    {
        display: flex;

        max-height: none;
    }
}

.c-video-playlist--dark .c-video-playlist__list li.active
{
    background-color: rgba(255, 255, 255, .1);
}

.c-video-playlist--dark .overlay:after
{
    background: linear-gradient(180deg, rgba(2, 20, 58, 0) 0%, #02143a 100%);
}

.c-video-playlist--dark .c-video-item__content p
{
    color: #fff;
}

.c-video-playlist--dark .video-number
{
    color: #fff;
}

/* ==========================================================================
   #Bordered-section
   ========================================================================== */
/*
---
name: Bordered-section
category: 02 - Molecules
---

Normal
```bordered-section.html
<div class="c-layer" style="margin-top: 40px; background-color: #E7EAF2;">
  <div class="c-bordered-section">
    <h2>Any question about Safran Electronics & Defense?</h2>
    <div class="c-btn c-btn--primary c-btn--icon">
      Contact us
    </div>
  </div>
</div>
```

Dark
```bordered-section-dark.html
<div class="c-layer" style="margin-top: 40px; background: linear-gradient(51.51deg, #02143A 0%, #070E1D 100%);">
  <div class="c-bordered-section c-bordered-section--dark">
    <h2>Any question about Safran Electronics & Defense?</h2>
    <div class="c-btn c-btn--primary c-btn--icon">
      Contact us
    </div>
  </div>
</div>
```

*/
.c-bordered-section
{
    text-align: center;
}
.c-bordered-section--large-padding
{
    padding: 8rem 4rem;
}
.c-bordered-section h2
{
    margin-bottom: 2rem;
}
@media (max-width: 63.99em)
{
    .c-bordered-section h2
    {
        font-size: 2.4rem; 

        margin-bottom: 2.5rem;
    }
}
@media (min-width: 64em)
{
    .c-bordered-section > div
    {
        display: flex;

        justify-content: center;
    }
}
.c-bordered-section .c-btn
{
    margin-top: 2rem;
}
@media (max-width: 63.99em)
{
    .c-bordered-section .c-btn
    {
        overflow: hidden;

        width: 100%;
        padding-right: 3rem; 
        padding-left: 3rem;

        white-space: nowrap;
        text-overflow: ellipsis;
    }
}

.c-bordered-section--dark
{
    border-color: #fff;
}
.c-bordered-section--dark h2
{
    color: #fff;
}

.c-bordered-section--grey-border
{
    border-color: #d1d6e6;
}

/* ==========================================================================
   # INFO CTA
   ========================================================================== */
/*
---
name: Info CTA
category: 02 - Molecules
---

```info-cta.html
  <div class="c-info-cta">

    <img src="https://via.placeholder.com/1200x900" alt="picto" class="c-info-cta__picto"/>

    <p class="c-info-cta__description">Sed efficitur dignissim sapien</p>

    <a class="c-btn c-btn--text-button" href="#">See more</a>

  </div>
```
*/
.c-info-cta
{
    position: relative;

    padding: 0 2rem;

    text-align: center;
}
.c-info-cta:hover .c-info-cta__description
{
    color: #255b8e;
}
.c-info-cta:hover .c-btn--text-button
{
    padding-left: 8rem;

    color: #0f60a7;
}
.c-info-cta:hover .c-btn--text-button::before
{
    width: 6rem;
}
.c-info-cta--no-link:hover .c-info-cta__description
{
    color: #1b1d27;
}
.c-info-cta__picto
{
    width: auto;
    height: 5.6rem;
}
.c-info-cta__description
{
    font-size: 1.8rem;
    line-height: 1.6;

    margin: 0;
    margin-top: 2rem;
    padding-bottom: 7rem;

    transition: all .2s; 

    color: #1b1d27;
}
@media (max-width: 63.99em)
{
    .c-info-cta__description
    {
        font-size: 1.6rem;

        padding-bottom: 6rem;
    }
}
.c-info-cta__description--top-margin
{
    margin-top: 7.6rem;
}
@media (max-width: 63.99em)
{
    .c-info-cta__description--top-margin
    {
        margin-top: 0;
    }
}
.c-info-cta .c-btn
{
    /*
    position: absolute;
    right: 50%;
    bottom: 0;
    display: block;
    transform: translateX(50%);
    white-space: nowrap;
    */
    position: absolute;
    bottom: 0;
    left: calc(50% - 6.6rem);
}

/* ==========================================================================
   #Social-media-news
   ========================================================================== */
/*
---
name: Social media news
category: 02 - Molecules
---

Normal
```social-media-news.html
  <div class="o-grid">
    <div class="u-1/3">
      <div class="c-social-media-news">
        <p class="c-social-media-news__message">Merci au Délégué Général pour l'Armement d'être venu à Eragny pour rencontrer les équipes du programme SDT @DGA</p>
        <div class="c-social-media-news__media">
            <p><img src="https://via.placeholder.com/25x25" class="c-social-media-news__network-icon" />@Safran_SED</p>
        </div>
      </div>
    </div>
  </div>
```

*/
.c-social-media-news
{
    display: flex;
    flex-direction: column;

    width: 100%;
    height: 100%;

    transition: all .2s; 

    background-color: #f9fafc;

    justify-content: space-between;
}
.c-social-media-news:hover
{
    box-shadow: 0 .8rem 1.3rem 0 rgba(37, 91, 142, .2);
}
.c-social-media-news p
{
    margin: 0;
}
.c-social-media-news__message
{
    padding: 4rem;

    color: #1b1d27;
}
.c-social-media-news__media
{
    font-size: 1.6rem;
    font-weight: 500; 

    display: flex;

    padding: 1.8rem 4rem;

    align-items: center;
}
.c-social-media-news .twitter
{
    color: #fff; 
    background-color: #255b8e;
}
.c-social-media-news .linkedin
{
    color: #fff; 
    background-color: #112753;
}
.c-social-media-news .wechat
{
    color: #fff; 
    background-color: #18812b;
}
.c-social-media-news .facebook
{
    color: #fff; 
    background-color: #3b5998;
}
.c-social-media-news__network-icon
{
    position: relative;

    display: inline-block;

    width: 22px;
    height: 22px; 
    margin-right: 1.5rem;
}
.c-social-media-news__network-icon--negative-margin-top
{
    margin-top: -.6rem;
}
@media (max-width: 63.99em)
{
    .c-social-media-news
    {
        min-height: 0;
    }
    .c-social-media-news:hover
    {
        transform: none;
    }
    .c-social-media-news .c-social-media-news__message
    {
        font-size: 1.6rem;
        line-height: 1.37; 

        padding: 2.5rem 2rem;
    }
    .c-social-media-news .c-social-media-news__media
    {
        padding: 1.5rem 2rem;
    }
    .c-social-media-news .c-social-media-news__media .c-social-media-news__network-icon
    {
        width: 2.7rem;
        height: auto;
    }
}
@media (max-width: 47.99em)
{
    .c-social-media-news
    {
        min-width: 31rem;
    }
}

/* ==========================================================================
   # Credits
   ========================================================================== */
/*
---
name: Credits
category: 02 - Molecules
---

Normal
```credits.html
 <div class="c-credits js-credits">
    <button type="button">
        Credits
    </button>
    <ul class="c-credits__list">
        <li>© Pierre Soissons / Safran</li>
        <li>© ugurhan / Istock</li>
        <li>© TommL / Istock</li>
        <li>© JohnnyGreig / Istock</li>
        <li>© Cyril Abad / CAPA Pictures / Safran</li>
        <li>© Cyril Abad / CAPA Pictures / Safran</li>
        <li>© Cyril Abad / CAPA Pictures / Safran</li>
        <li>© Abdellah Azizi / CAPA Pictures / Safran</li>
        <li>© Abdellah Azizi / CAPA Pictures / Safran</li>
        <li>© Abdellah Azizi / CAPA Pictures / Safran</li>
        <li>© Cyril Abad / CAPA Pictures / Safran</li>
        <li>© Pierre Soissons / Safran</li>
        <li>© Alex Ojeda / CAPA Pictures / Safran</li>
        <li>© Pierre Soissons / Safran</li>
        <li>© Pierre Soissons / Safran</li>
        <li>© Pierre Soissons / Safran</li>
        <li>© Pierre Soissons / Safran</li>
        <li>© Pierre Soissons / Safran</li>
        <li>© Hermann Bredehorst / CAPA Pictures / Safran</li>
        <li>© Hermann Bredehorst / CAPA Pictures / Safran</li>
        <li>© Eric Forterre / Safran</li>
        <li>© Pierre Soissons / Safran</li>
        <li>© Pierre Soissons / Safran</li>
        <li>© Abdellah Azizi / CAPA Pictures / Safran</li>
    </ul>
  </div>
```

Dark
```credits-dark.html
<div style="background-color: #070E1D; padding: 2rem;">
  <div class="c-credits c-credits--dark js-credits">
    <button type="button">
        Credits
    </button>
    <ul class="c-credits__list">
        <li>© Pierre Soissons / Safran</li>
        <li>© ugurhan / Istock</li>
        <li>© TommL / Istock</li>
        <li>© JohnnyGreig / Istock</li>
        <li>© Cyril Abad / CAPA Pictures / Safran</li>
        <li>© Cyril Abad / CAPA Pictures / Safran</li>
        <li>© Cyril Abad / CAPA Pictures / Safran</li>
        <li>© Abdellah Azizi / CAPA Pictures / Safran</li>
        <li>© Abdellah Azizi / CAPA Pictures / Safran</li>
        <li>© Abdellah Azizi / CAPA Pictures / Safran</li>
        <li>© Cyril Abad / CAPA Pictures / Safran</li>
        <li>© Pierre Soissons / Safran</li>
        <li>© Alex Ojeda / CAPA Pictures / Safran</li>
        <li>© Pierre Soissons / Safran</li>
        <li>© Pierre Soissons / Safran</li>
        <li>© Pierre Soissons / Safran</li>
        <li>© Pierre Soissons / Safran</li>
        <li>© Pierre Soissons / Safran</li>
        <li>© Hermann Bredehorst / CAPA Pictures / Safran</li>
        <li>© Hermann Bredehorst / CAPA Pictures / Safran</li>
        <li>© Eric Forterre / Safran</li>
        <li>© Pierre Soissons / Safran</li>
        <li>© Pierre Soissons / Safran</li>
        <li>© Abdellah Azizi / CAPA Pictures / Safran</li>
    </ul>
  </div>
</div>
```
*/
.c-credits.open button:after
{
    transform: rotate(-180deg);
}

.c-credits.open .c-credits__list
{
    visibility: visible;

    max-height: 50rem;
    margin: 2.3rem 0 0;
    padding-bottom: 2rem;
}
.c-credits.open .c-credits__list ul
{
    margin: 0;
}

.c-credits button
{
    font-size: 1.6rem;

    position: relative;

    margin: 0;
    padding: 0;

    letter-spacing: .06rem; 

    border: none;
    background-color: transparent;
}
@media (max-width: 47.99em)
{
    .c-credits button
    {
        font-size: 1.4rem;
    }
}
.c-credits button:after
{
    position: absolute;
    top: 50%;
    right: -2.8rem;

    width: 1.3rem;
    height: .6rem;

    content: '';
    transition: all .2s;
    transform: translateY(-25%); 

    background-image: url('../../public/images/icons/arrow-down-grey.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
@media (min-width: 64em)
{
    .c-credits button:after
    {
        width: 1.2rem;
        height: .5rem;
    }
}

.c-credits__list
{
    visibility: hidden;
    overflow: hidden;

    max-height: 0;
    margin: 0;

    transition: all .2s, visibility 1ms;
}
.c-credits__list li
{
    font-size: 1.3rem;
    line-height: 1.6rem;

    letter-spacing: .049rem;
}

.c-credits--dark button
{
    color: #fff;
}

.c-credits--dark svg path
{
    fill: #fff;
}

.c-credits--dark .c-credits__list li
{
    color: #d1d6e6;
}
.c-credits--dark .c-credits__list li a
{
    font-size: 1.3rem;
}

/* ==========================================================================
   # QUICK LINK
   ========================================================================== */
/*
---
name: Quick link
category: 02 - Molecules
---

Normal
```quick-link.html
  <div class="c-quick-link">
    <a href="#">
        Link lorem ipsum
    </a>
    <p>Description lorem ipsum ipsum</p>
  </div>
```

Dark
```quick-link-dark.html
<div style="background-color: rgb(17, 39, 83); padding: 2rem;">
  <div class="c-quick-link c-quick-link--dark">
    <a href="#">
        Link lorem ipsum
    </a>
    <p>Description lorem ipsum ipsum</p>
  </div>
</div>
```

*/
.c-quick-link
{
    display: flex;

    height: 100%;
    padding: 2rem 2rem 2.5rem;

    transition: all .2s; 

    border: .1rem solid #8eace6;

    align-items: center;
}
@media (max-width: 47.99em)
{
    .c-quick-link
    {
        flex-direction: column;

        align-items: flex-start;
    }
}
.c-quick-link__img
{
    width: 19rem;
    height: auto;
    margin-right: 2rem;
}
@media (max-width: 47.99em)
{
    .c-quick-link__img
    {
        width: 100%;
        margin-right: 0;
        margin-bottom: 2rem;
    }
}
.c-quick-link:hover .c-quick-link__title::after
{
    animation-name: hvr-icon-drop-horizontal;
    animation-duration: .6s;
    animation-timing-function: ease-in-out; 
    animation-iteration-count: 1;
}
.c-quick-link__title
{
    display: inline-block;
}
@media (max-width: 47.99em)
{
    .c-quick-link__title
    {
        font-size: 1.6rem;
    }
}
.c-quick-link__title::after
{
    font-family: 'icomoon' !important;
    font-size: 2rem;

    display: inline-block;

    margin-left: 1rem;

    content: '';
    vertical-align: middle; 

    color: #073a7c;
}
.c-quick-link p
{
    font-size: 1.6rem; 

    margin: 0;

    color: #525668;
}
@media (max-width: 47.99em)
{
    .c-quick-link p
    {
        font-size: 1.4rem;
    }
}
.c-quick-link--dark
{
    border: .1rem solid #fff;
}
.c-quick-link--dark .c-quick-link__title
{
    color: #8eace6;
}
.c-quick-link--dark .c-quick-link__title::after
{
    color: #8eace6;
}
.c-quick-link--dark p
{
    color: #fff;
}
@media (max-width: 63.99em)
{
    .c-quick-link
    {
        padding: 2rem;
    }
    .c-quick-link p
    {
        margin-top: -.4rem;
    }
}

/* ==========================================================================
   # JOB OFFER CARD
   ========================================================================== */
/*
---
name: Job offer card
category: 02 - Molecules
---

```job-offer-card.html
<div style="padding: 2rem; background-color: grey;">
  <a class="c-job-offer-card" href="#">

    <p class="c-job-offer-card__header">
      <span class="c-job-offer-card__date">16.02.2019</span>
      <span class="c-job-offer-card__category">Engineering</span>
    </p>

    <p class="c-job-offer-card__description">
      Technicien métallurgiste pièces coulées
    </p>

    <p class="c-job-offer-card__type">Regular Full Time</p>

    <p class="c-job-offer-card__localisation">
      Columbes, France
    </p>

    </div>

  </a>
</div>
```
*/
.c-job-offer-card
{
    height: 100%;
    padding-top: 2.5rem;
}
.c-job-offer-card__container
{
    position: relative;

    display: block;

    width: 100%;
    height: 100%;
    padding: 4rem 6rem 4rem 4rem;
    padding-bottom: 8.8rem;

    transition: all .2s; 

    background-color: #fff;
}
.c-job-offer-card__container:hover
{
    box-shadow: 0 .8rem 1.3rem 0 rgba(37, 91, 142, .2);
}
.c-job-offer-card__container:hover .c-job-offer-card__description
{
    color: #255b8e;
}
.c-job-offer-card__header
{
    margin: 0;
}
.c-job-offer-card__date
{
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 2; 

    letter-spacing: .2rem;

    color: #53576a;
}
@media (max-width: 47.99em)
{
    .c-job-offer-card__date
    {
        font-size: 1.1rem;
    }
}
.c-job-offer-card__category
{
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 2;

    margin-left: 2rem;

    letter-spacing: .2rem;
    text-transform: uppercase; 

    color: #235686;
}
@media (max-width: 47.99em)
{
    .c-job-offer-card__category
    {
        font-size: 1.1rem;
    }
}
.c-job-offer-card__description
{
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.6; 

    margin: 0;
    margin-top: 2rem;

    color: #1b1d27;
}
@media (max-width: 47.99em)
{
    .c-job-offer-card__description
    {
        font-size: 1.6rem; 

        margin-top: 1rem;
    }
}
.c-job-offer-card__type
{
    font-size: 1.6rem;
    line-height: 1.25; 

    margin: 0;
    margin-top: 1rem;

    letter-spacing: .06rem;

    color: #525668;
}
@media (max-width: 47.99em)
{
    .c-job-offer-card__type
    {
        font-size: 1.4rem;
    }
}
.c-job-offer-card__localisation
{
    font-size: 1.3rem;
    line-height: 1.25; 

    position: absolute;
    bottom: 4rem;
    left: 0;

    display: flex;

    width: 100%;
    margin: 0;
    padding: 0 4rem;

    letter-spacing: .05rem;

    color: #255b8e;

    align-items: center;
}
.c-job-offer-card__localisation-icon
{
    width: 1.4rem;
    height: auto;
    margin-right: 1rem;

    color: #525668;
}
@media (max-width: 47.99em)
{
    .c-job-offer-card
    {
        margin-right: -2rem;
        margin-left: -2rem;
        padding-top: 1rem;
    }
    .c-job-offer-card__container
    {
        padding: 2.5rem 2rem;
        padding-bottom: 6.5rem;
    }
    .c-job-offer-card__localisation
    {
        bottom: 2.5rem;

        padding-left: 2.5rem;
    }
}

@media (max-width: 48em)
{
    .c-structured-job-offers__link-container a
    {
        font-size: 1.2rem;

        letter-spacing: 2.58px;
    }
}

/* ==========================================================================
   #Supplier portal
   ========================================================================== */
/*
---
name: Supplier portal
category: 02 - Molecules
---

Normal
```supplier-portal.html
  <div class="c-layer" style="background-color: rgba(142,172,230,0.1);">
    <div class="c-supplier-portal">
      <a class="c-video-item" href="#">
        <div class="c-video-item__image">
          <img src="https://via.placeholder.com/1200x900" />
          <div class="player">
            <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 41.999 41.999" style="enable-background:new 0 0 41.999 41.999;" xml:space="preserve">
              <path d="M36.068,20.176l-29-20C6.761-0.035,6.363-0.057,6.035,0.114C5.706,0.287,5.5,0.627,5.5,0.999v40 c0,0.372,0.206,0.713,0.535,0.886c0.146,0.076,0.306,0.114,0.465,0.114c0.199,0,0.397-0.06,0.568-0.177l29-20 c0.271-0.187,0.432-0.494,0.432-0.823S36.338,20.363,36.068,20.176z"/>
            </svg>
          </div>
        </div>
      </a>
      <div class="c-supplier-portal__content">
        <a href="#">Link lorem ipsum</a>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida</p>
      </div>
    </div>
  </div>
```

Without Image
```supplier-portal-without-image.html
  <div class="c-layer" style="background-color: rgba(142,172,230,0.1);">
    <div class="c-supplier-portal">
      <div class="c-supplier-portal__content">
        <a href="#">Link lorem ipsum</a>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida</p>
      </div>
    </div>
  </div>
```

Dark
```supplier-portal-dark.html
  <div class="c-layer" style="background: linear-gradient(51.51deg, #02143A 0%, #070E1D 100%);">
    <div class="c-supplier-portal c-supplier-portal--dark">
      <a class="c-video-item" href="#">
        <div class="c-video-item__image">
          <img src="https://via.placeholder.com/1200x900" />
          <div class="player">
            <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 41.999 41.999" style="enable-background:new 0 0 41.999 41.999;" xml:space="preserve">
              <path d="M36.068,20.176l-29-20C6.761-0.035,6.363-0.057,6.035,0.114C5.706,0.287,5.5,0.627,5.5,0.999v40 c0,0.372,0.206,0.713,0.535,0.886c0.146,0.076,0.306,0.114,0.465,0.114c0.199,0,0.397-0.06,0.568-0.177l29-20 c0.271-0.187,0.432-0.494,0.432-0.823S36.338,20.363,36.068,20.176z"/>
            </svg>
          </div>
        </div>
      </a>
      <div class="c-supplier-portal__content">
        <a href="#">Link lorem ipsum</a>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida</p>
      </div>
    </div>
  </div>
```

*/
.c-supplier-portal
{
    width: calc(100% - 2rem);
    height: 100%;
    padding-bottom: 3rem;
}
@media (max-width: 47.99em)
{
    .c-supplier-portal
    {
        width: 100%;
        padding-top: 2rem;
        padding-bottom: 0;
    }
}
.c-supplier-portal__wrapper
{
    display: flex;
    overflow: hidden;

    height: 100%;
    min-height: 19.2rem;
    padding: 4rem;

    transition: all .4s ease-in-out; 

    background-color: #fff;

    align-items: center;
    justify-content: center;
}
@media (max-width: 47.99em)
{
    .c-supplier-portal__wrapper
    {
        display: block;

        padding: 2rem;
    }
}
@media (min-width: 48em)
{
    .c-supplier-portal:hover .c-supplier-portal__wrapper
    {
        box-shadow: 0 .8rem 1.3rem 0 rgba(37, 91, 142, .2);
    }
}
.c-supplier-portal:hover .c-supplier-portal__content
{
    display: flex;
    flex-direction: column;

    flex: 1;
    justify-content: center;
}
.c-supplier-portal:hover .c-supplier-portal__content span::after
{
    animation-name: hvr-icon-drop-horizontal;
    animation-duration: .6s;
    animation-timing-function: ease-in-out; 
    animation-iteration-count: 1;
}
@media (max-width: 63.99em)
{
    .c-supplier-portal
    {
        flex-direction: initial;

        align-items: center;
    }
}
@media (max-width: 47.99em)
{
    .c-supplier-portal
    {
        flex-direction: column;

        align-items: baseline;
    }
}
.c-supplier-portal__img
{
    width: 19rem;
    height: auto;
    margin-right: 4rem;
}
@media (max-width: 47.99em)
{
    .c-supplier-portal__img
    {
        width: 100%;
        height: auto;
        margin-bottom: 1.2rem;
    }
}
.c-supplier-portal__content
{
    display: flex;
    flex-direction: column;

    flex: 1;
    justify-content: center;
}
.c-supplier-portal__content span
{
    display: flex;

    align-items: center;
}
.c-supplier-portal__content span::after
{
    font-family: 'icomoon' !important;
    font-size: 2.2rem; 

    margin-left: 1.5rem;

    content: '';

    color: #073a7c;
}
.c-supplier-portal__content p
{
    font-size: 1.6rem;
    line-height: 1.25;

    margin: 0;

    letter-spacing: .06rem; 

    color: #525668;
}

/* ==========================================================================
   # Product card item
   ========================================================================== */
/*
---
name: Product card item
category: 02 - Molecules
---
Normal
```product-card-item.html
    <div class="c-product-card-item">
      <div class="c-caption">Product</div>
      <div class="c-introduction c-introduction--small">Système de cockpit VFX2100</div>
      <div class="image" style="background-image: url('https://via.placeholder.com/1200x900')"></div>
      <p>Turbines pour hélicoptères et groupes auxiliaires de puissance</p>
    </div>
```
*/
.c-product-card-item
{
    display: flex;
    flex-direction: column;

    width: 27rem;
    min-height: 38.6rem;
    padding: 2rem 2rem;

    cursor: pointer;
    transition: background-color .3s ease-in-out, opacity .3s ease-in-out, box-shadow .3s ease-in-out; 
    text-align: center;

    border-radius: .4rem;
    box-shadow: 0 1.4rem 1.2rem 0 rgba(37, 91, 142, .08);

    justify-content: space-between;
}
@media (max-width: 63.99em)
{
    .c-product-card-item
    {
        min-height: 36rem;
    }
}
.c-product-card-item--big
{
    display: none;
}
.c-product-card-item:hover
{
    color: #255b8e;
    box-shadow: 0 1.4rem 1.2rem 0 rgba(37, 91, 142, .2);
    /*
    .c-product-card-item__image {
      transform: scale(1.05);
    }
    */
    /* old version.
    .c-product-card-item__title {
      color: $blue-lighter;
    }
    */
}
.c-product-card-item:hover .c-product-card-item__link
{
    color: #255b8e;
}
.c-product-card-item__category
{
    font-size: 1.2rem;
    line-height: 2;

    letter-spacing: .2rem;
    text-transform: uppercase; 

    color: #52586f;
}
@media (max-width: 63.99em)
{
    .c-product-card-item__category
    {
        font-size: 1.4rem;
        line-height: 1.8rem;

        letter-spacing: .053rem;
        text-transform: inherit;
    }
}
.c-product-card-item__image-link-container
{
    text-align: center;
}
.c-product-card-item__image
{
    display: inline-block;

    height: 15rem;

    transition: all .3s ease-in-out;

    background-color: #fff;
    background-size: cover;

    will-change: transform;
}
.c-product-card-item__title
{
    line-height: 1.25; 

    min-height: 5.6rem;
    margin-bottom: 2rem;
}
@media (max-width: 63.99em)
{
    .c-product-card-item__title
    {
        font-size: 2rem;
        line-height: 2.4rem; 

        min-height: auto;
    }
}
.c-product-card-item__link
{
    font-size: 1.6rem;
    line-height: 2rem;

    display: block;

    margin: 2rem 0 0;

    transition: all .2s; 
    text-decoration: none;
    letter-spacing: .06rem;

    color: #255b8e;

    -webkit-text-decoration-color: transparent;
            text-decoration-color: transparent;
}
@media (max-width: 63.99em)
{
    .c-product-card-item__link
    {
        font-size: 1.4rem;

        letter-spacing: .05rem;
    }
}
.c-product-card-item__button
{
    position: relative;

    display: flex;

    margin-top: 2.7rem;

    transition: background-color .3s ease-in-out;
}
.c-product-card-item__button span
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.6rem;

    width: 100%;
    padding: 2.4rem 2rem;

    transition: color .3s ease-in-out; 
    letter-spacing: 2.8px;
    text-transform: uppercase;

    border: .1rem solid #255b8e;
}
.c-product-card-item__button:hover
{
    background-color: #255b8e;
}
.c-product-card-item__button:hover span
{
    color: #fff;
}

.c-product-card__large
{
    padding-top: 4rem !important;
}
.c-product-card__large .c-product-card-item
{
    display: flex;

    width: 100%;
    min-height: 0;
    margin: 0;
    padding: 3.1rem 2rem;

    border-bottom: .1rem solid #d1d6e6;
    border-radius: 0;
    box-shadow: none;
}
.c-product-card__large .c-product-card-item:last-child
{
    border-bottom: none;
}
@media (max-width: 63.99em)
{
    .c-product-card__large .c-product-card-item
    {
        display: block;

        min-width: auto;
        max-width: 27rem;
        min-height: 38.6rem;
        padding: 1rem 2rem 3rem;

        border-bottom: none;
        box-shadow: 0 1.4rem 1.2rem 0 rgba(37, 91, 142, .08), 0 .6rem 1.3rem 0 rgba(24, 38, 53, .11);
    }
}
.c-product-card__large .c-product-card-item:hover
{
    transform: none;
}
.c-product-card__large .c-product-card-item--big
{
    display: flex;
}
.c-product-card__large .c-product-card-item--big__image
{
    width: 36rem;
    height: auto;

    background-color: #fff;
    background-size: cover;
}
.c-product-card__large .c-product-card-item--big__category
{
    font-weight: 500; 

    padding-top: 2rem;
    padding-bottom: 1rem;
}
.c-product-card__large .c-product-card-item--big__category .c-caption
{
    line-height: 2;
}
.c-product-card__large .c-product-card-item--big__content
{
    margin-left: 6rem;

    text-align: left;
}
.c-product-card__large .c-product-card-item--big__link
{
    line-height: 1.25; 

    margin: 0;
    margin-top: 1rem;

    letter-spacing: .06rem;
}
.c-product-card__large .c-product-card-item--big__link img
{
    width: 1.6rem;
}
.c-product-card__large .c-product-card-item--big__description
{
    line-height: 1.44; 

    margin-top: 2rem;

    color: #1b1d27;
}
@media (max-width: 63.99em)
{
    .c-product-card__large .c-product-card-item--big
    {
        display: none;
    }
}
.c-product-card__large .c-product-card-item__category,
.c-product-card__large .c-product-card-item__image,
.c-product-card__large .c-product-card-item__title,
.c-product-card__large .c-product-card-item__link
{
    display: none;
}
@media (max-width: 63.99em)
{
    .c-product-card__large .c-product-card-item__category,
    .c-product-card__large .c-product-card-item__image,
    .c-product-card__large .c-product-card-item__title,
    .c-product-card__large .c-product-card-item__link
    {
        display: block;
    }
}
@media (max-width: 63.99em)
{
    .c-product-card__large .c-product-card-item__image
    {
        display: inline-block;
    }
}
.c-product-card__large .c-product-card-item .c-caption
{
    font-size: 1.2rem;

    letter-spacing: .2rem; 
    text-transform: uppercase;

    color: #6a7190;
}
.c-product-card__large .c-product-card-item .c-caption--link
{
    font-size: 1.2rem;
    font-weight: 500;

    position: relative;

    display: inline;

    margin-left: .7rem; 
    padding-left: 1rem;

    letter-spacing: .2rem;
    text-transform: uppercase;

    color: #255b8e;
}
.c-product-card__large .c-product-card-item .c-caption--link::before
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: .1rem;
    height: 100%;

    content: '';

    background-color: #d1d6e6;
}

@media (max-width: 100em)
{
    .decision-tree-page .c-product
    {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 64em)
{
    .decision-tree-page .c-product
    {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 48em)
{
    .decision-tree-page .c-product
    {
        grid-template-columns: repeat(1, 1fr);
    }
    .decision-tree-page .c-product .c-product-card-item
    {
        margin: 0 auto;
    }
}

@media (max-width: 30em)
{
    .decision-tree-page .c-product
    {
        grid-template-columns: repeat(1, 1fr);
    }
    .decision-tree-page .c-product .c-product-card-item
    {
        max-width: inherit; 
        margin: 0 auto;
    }
}

/* ==========================================================================
   #Document item
   ========================================================================== */
.c-download-document-item
{
    display: flex;

    margin-right: 0; 
    padding: 2rem 0;

    transition: border-bottom .4s;

    border-bottom: .1rem solid #d1d6e6;

    align-items: center;
    justify-content: space-between;
}
@media (max-width: 47.99em)
{
    .c-download-document-item
    {
        padding: 3rem 0;
    }
}
.c-download-document-item:hover
{
    background-color: #f9fafc;
}
.c-download-document-item:hover .icon-download-bottom::before
{
    color: #255b8e;
}
.c-download-document-item:hover .c-download-file__icon-arrow
{
    animation-name: hvr-icon-drop;
    animation-duration: .7s;
    animation-timing-function: ease-in-out; 
    animation-iteration-count: 1;
}
.c-download-document-item .c-download-file
{
    padding-right: 0;
}
@media (max-width: 47.99em)
{
    .c-download-document-item .c-download-file
    {
        padding-bottom: 0;
    }
}
.c-download-document-item .c-download-file .c-cta
{
    line-height: 1.6rem; 

    margin-right: 0;
}
.c-download-document-item .c-download-file .c-caption
{
    line-height: 1.6rem;
}
@media (max-width: 47.99em)
{
    .c-download-document-item
    {
        flex-direction: column;

        padding-right: 0;
        padding-left: 0; 

        align-items: flex-start;
    }
    .c-download-document-item .c-download-file
    {
        margin-top: 1rem;
    }
    .c-download-document-item .c-download-file .c-download-file__cta-container
    {
        display: flex;
    }
    .c-download-document-item .c-download-file .c-caption
    {
        margin-top: .2rem;
    }
    .c-download-document-item--faq
    {
        flex-direction: row;

        align-items: center;
    }
}
.c-download-document-item:not(:last-child)
{
    border-bottom: .1rem solid #d1d6e6;
}
.c-download-document-item p
{
    display: flex;
    flex-direction: row;

    margin: 0;

    color: #141d29; 

    align-items: center;
}
@media (max-width: 47.99em)
{
    .c-download-document-item p
    {
        font-size: 1.6rem;
    }
}
.c-download-document-item__type-icon
{
    font-size: 3.8rem; 

    display: inline-block;

    width: 4.2rem;
    height: auto;
    margin-right: 3rem;

    color: #bcbfcf;
}
.c-download-document-item__type-icon:before
{
    margin-left: -.3rem;
}
@media (max-width: 47.99em)
{
    .c-download-document-item__type-icon
    {
        display: none;
    }
}
.c-download-document-item__type-icon--faq
{
    font-size: 30px;

    width: 30px;
    height: 30px;
    margin-right: 2rem; 
    margin-left: 1rem;

    color: #000;
}
.c-download-document-item__type-icon--faq:before
{
    display: inline-block;

    width: 30px;
    height: 30px; 
    margin-left: 0rem;
}
@media (max-width: 47.99em)
{
    .c-download-document-item__type-icon--faq
    {
        display: inline-block;
    }
}
.c-download-document-item__content
{
    display: flex;
    flex-direction: column;
}
@media (min-width: 64em)
{
    .c-download-document-item__content
    {
        flex-direction: row;

        align-items: center;
    }
}
.c-download-document-item__content__date
{
    font-size: 1.2rem;
    line-height: 2.5rem;

    display: block;

    padding-right: 3rem; 

    letter-spacing: .2rem;

    color: #525668;
}
@media (max-width: 63.99em)
{
    .c-download-document-item__content__date
    {
        line-height: 2rem;
    }
}
@media (max-width: 47.99em)
{
    .c-download-document-item .c-download-file
    {
        margin-left: -1rem;
    }
}
.c-download-document-item--dark p
{
    color: #fff;
}

@media (max-width: 48em)
{
    .c-download-document-item .c-download-file .c-cta
    {
        margin-right: .5rem;
    }
}

/* ==========================================================================
   #Spotlight section
   ========================================================================== */
/*
---
name: Spotlight section
category: 02 - Molecules
---

### Right (default)
```spotlight-section-right.html
<div class="c-layer">
  <div class="c-spotlight-section right">
    <div class="c-spotlight-section__image">
      <img src="https://via.placeholder.com/1200x900" />
    </div>
    <div class="c-spotlight-section__content">
      <h2>Des nouveaux alliages métalliques plus performants</h2>
      <p>Le TiAl, alliage de titane et d\'aluminium, est un matériau de nouvelle génération extrêmement performant : résistant à de hautes températures (750°C), il permet de diviser par deux la masse.</p>
      <a class="c-btn c-btn--primary" href="#">Button</a>
    </div>
  </div>
</div>
```

### Left
```spotlight-section-left.html
<div class="c-layer">
  <div class="c-spotlight-section c-layer left">
    <div class="c-spotlight-section__image">
      <img src="https://via.placeholder.com/1200x900" />
    </div>
    <div class="c-spotlight-section__content">
      <h2>Des nouveaux alliages métalliques plus performants</h2>
      <p>Le TiAl, alliage de titane et d\'aluminium, est un matériau de nouvelle génération extrêmement performant : résistant à de hautes températures (750°C), il permet de diviser par deux la masse.</p>
      <a class="c-btn c-btn--primary" href="#">Button</a>
    </div>
  </div>
</div>
```


*/
.c-spotlight-link__highlighted
{
    padding: 1.5rem;

    border-radius: .25em; 
    background-color: #13446e;
}

.c-spotlight-section
{
    position: relative;

    display: flex;

    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
{
    .c-spotlight-section
    {
        padding: 2rem 0;
    }
}
@media (max-width: 63.99em)
{
    .c-spotlight-section
    {
        flex-direction: column; 

        padding-top: 0rem;
        padding-bottom: 0rem;
    }
    .c-spotlight-section .c-spotlight-section__image,
    .c-spotlight-section h2,
    .c-spotlight-section p
    {
        text-align: left;
    }
}
@media (max-width: 47.99em)
{
    .c-spotlight-section
    {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
}
.c-spotlight-section--no-img::before
{
    display: none !important;
}
.c-spotlight-section--constrained-img
{
    /*
    .c-spotlight-section__background {
      background-size: contain;
    }
    */
}
.c-spotlight-section--constrained-img .c-spotlight-section__image
{
    padding-right: 10%; 

    text-align: right;
}
@media (max-width: 47.99em)
{
    .c-spotlight-section--constrained-img .c-spotlight-section__image
    {
        padding-right: 0; 

        text-align: center;
    }
}
.c-spotlight-section--constrained-img img
{
    width: 28.5rem !important;
    height: 28.5rem !important;
}
.c-spotlight-section--landscape-picture
{
    text-align: right;
    /*
    .c-spotlight-section__background {
      height: 60rem;
    }
    */
}
@media (max-width: 63.99em)
{
    .c-spotlight-section--landscape-picture h2
    {
        padding-right: 0 !important; 

        text-align: left;
    }
    .c-spotlight-section--landscape-picture p
    {
        text-align: left;
    }
}
.c-spotlight-section--landscape-picture .c-spotlight-section__image img
{
    width: -webkit-fit-content !important;
    width:    -moz-fit-content !important;
    width:         fit-content !important;
}
.c-spotlight-section--landscape-picture img
{
    width: auto !important;
    height: auto;
    max-height: 50rem;
}
@media (max-width: 63.99em)
{
    .c-spotlight-section--landscape-picture .c-spotlight-section__image img
    {
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
    }
}
.c-spotlight-section.highlight
{
    margin: 3rem 0;
}
@media (max-width: 63.99em)
{
    .c-spotlight-section.highlight
    {
        margin: 0;
    }
}
.c-spotlight-section.highlight .c-spotlight-section__content
{
    padding-right: 2rem;
}
@media (max-width: 63.99em)
{
    .c-spotlight-section.highlight .c-spotlight-section__content
    {
        padding-right: 0;
    }
}
.c-spotlight-section.highlight:hover:before
{
    box-shadow: 0 1.6rem 1.4rem 0 rgba(37, 91, 142, .15);
}
@media (max-width: 63.99em)
{
    .c-spotlight-section.highlight:hover:before
    {
        box-shadow: 0 1.4rem 1.2rem 0 rgba(37, 91, 142, .08);
    }
}
.c-spotlight-section.highlight:before
{
    position: absolute;

    box-sizing: content-box;
    width: calc(100% - 8rem);
    height: 100%;
    margin-left: 8rem;
    padding: 3rem 0;

    content: '';
    transition: max-height 0s ease-in-out; 

    background-color: #fff;
    box-shadow: 0 1.4rem 1.2rem 0 rgba(37, 91, 142, .08);
}
@media (max-width: 63.99em)
{
    .c-spotlight-section.highlight:before
    {
        content: none;
    }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
{
    .c-spotlight-section.highlight:before
    {
        display: none;
    }
}
.c-spotlight-section.left
{
    margin-right: 2rem;
}
@media (max-width: 63.99em)
{
    .c-spotlight-section.left
    {
        margin-right: 0rem;
    }
}
.c-spotlight-section.left .c-spotlight-section__content
{
    width: calc(50% - 8rem);
    padding-left: 0;
    /*
      @include mq($until: tablet) {
        width: calc(50% - 4rem);
        //padding: 0 2rem 0 4rem; fix on company & product page
        padding: 0;
      }
      */
}
@media (max-width: 63.99em)
{
    .c-spotlight-section.left .c-spotlight-section__content
    {
        width: 100%;
    }
}
.c-spotlight-section.right
{
    flex-direction: row-reverse;

    margin-left: 2rem;
}
@media (max-width: 63.99em)
{
    .c-spotlight-section.right
    {
        margin-left: 0rem;
    }
}
.c-spotlight-section.right .c-spotlight-section__content
{
    width: calc(50% - 4rem);
    /*@include mq($until: tablet) {
        width: calc(50% - 4rem);
        //padding: 0 4rem 0 2rem; fix on company & product page
        padding: 0;
      }
      */
}
@media (max-width: 63.99em)
{
    .c-spotlight-section.right .c-spotlight-section__content
    {
        width: 100%;
    }
}
@media (min-width: 64em)
{
    .c-spotlight-section.right .c-spotlight-section__image
    {
        width: 50%;
        margin-left: 0;

        text-align: right;
    }
}
@media (min-width: 64em) and (max-width: 63.99em)
{
    .c-spotlight-section.right .c-spotlight-section__image
    {
        width: 100%;
    }
}
@media (min-width: 64em)
{
    .c-spotlight-section.right .c-spotlight-section__image img
    {
        height: auto !important;
    }
    .c-spotlight-section.right .c-spotlight-section__content
    {
        margin-right: 0; 
        margin-left: 0;
        padding-right: 2rem;
    }
}
.c-spotlight-section__image
{
    z-index: 1;

    width: 100%;
    /*
    @include mq($until: phablet) {
      width: calc(100% + 4rem);
      margin-left: -2rem;
      margin-right: -2rem;
    }
    */
}
@media (min-width: 64em)
{
    .c-spotlight-section__image
    {
        width: 50%;
    }
}
.c-spotlight-section__image img
{
    width: 100%;
}
@media (min-width: 64em)
{
    .c-spotlight-section__image--portrait img
    {
        display: block;

        width: auto !important;
        max-width: 100%;
        max-height: 85vh !important;
        margin: 0 auto;
    }
}
@media (max-width: 63.99em)
{
    .c-spotlight-section--full-width-image .c-spotlight-section__image
    {
        width: calc(100% + 4rem);
        margin-right: -2rem; 
        margin-left: -2rem;
    }
}
.c-spotlight-section--no-img:hover
{
    box-shadow: none !important;
}
.c-spotlight-section--no-img > *
{
    width: 100%;
}
@media (max-width: 63.99em)
{
    .c-spotlight-section--no-img .c-spotlight-section__content
    {
        margin-left: 0;
    }
}
.c-spotlight-section--no-img.right
{
    margin-left: 0;
}
.c-spotlight-section--no-img.right .c-spotlight-section__content
{
    margin-left: 0; 
    padding-right: 2rem;
}
.c-spotlight-section--full-card-link h2,
.c-spotlight-section--full-card-link p
{
    transition: all .3s ease-in-out;
}
.c-spotlight-section--full-card-link:hover h2
{
    color: #255b8e;
}
.c-spotlight-section--full-card-link:hover .c-btn.c-btn--primary
{
    color: #fff;
}
.c-spotlight-section--full-card-link:hover .c-btn.c-btn--primary:after
{
    transform: translateX(0);
}
.c-spotlight-section__background
{
    width: 100%;
    height: 42rem;

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
@media (max-width: 63.99em)
{
    .c-spotlight-section__background
    {
        height: 30rem;
    }
}
.c-spotlight-section__content
{
    z-index: 2;

    padding: 4rem 0;
}
@media (max-width: 63.99em)
{
    .c-spotlight-section__content
    {
        padding-top: 0;
        padding-bottom: 0;
    }
}
@media (max-width: 47.99em)
{
    .c-spotlight-section__content
    {
        padding-top: 0;
        padding-bottom: 2rem;
    }
}
@media (min-width: 87.5em)
{
    .c-spotlight-section__content
    {
        padding: 0;
    }
}
@media (max-width: 63.99em)
{
    .c-spotlight-section__content--small-responsive-padding
    {
        padding-top: .5rem;
        padding-bottom: 2rem;
    }
}
.c-spotlight-section__content h2
{
    margin-bottom: 0;

    color: #1b1d27;
}
@media (max-width: 63.99em)
{
    .c-spotlight-section__content h2
    {
        font-size: 2.4rem; 

        margin: 3rem 0 1.5rem;
        padding: 0;
    }
}
.c-spotlight-section__content p
{
    margin: 2.5rem 0 0;

    color: #1b1d27;
}
@media (max-width: 63.99em)
{
    .c-spotlight-section__content p
    {
        font-size: 1.6rem;
        line-height: 2.2rem;

        margin-top: 1.5rem;
    }
}
.c-spotlight-section__content .c-btn
{
    margin-top: 3.5rem;
}
@media (max-width: 63.99em)
{
    .c-spotlight-section__content .c-btn
    {
        width: 100%;
        margin-top: 2.5rem;
    }
}
.c-spotlight-section ul
{
    font-size: 1.6rem;
    line-height: 2.6rem; 

    margin: 0;
    margin-top: 3.8rem;
    padding: 0;
}
@media (min-width: 64em)
{
    .c-spotlight-section ul
    {
        font-size: 1.8rem;
        line-height: 3rem; 

        margin-top: 2.4rem;
    }
}
.c-spotlight-section ul li
{
    position: relative;

    margin-top: 1.5rem;
    padding-left: 3rem;
}
.c-spotlight-section ul li:before
{
    position: absolute;
    top: 1.7rem;
    left: 0;

    display: block;

    width: 1rem;
    height: .1rem;

    content: '';

    background-color: #073a7c;
}
.c-spotlight-section ul li ul
{
    margin-top: 0;
}
.c-spotlight-section ul li ul > li ul
{
    margin-top: 0;
}
.c-spotlight-section ul li ul > li ul > li
{
    margin-top: 0;
}
@media (min-width: 64em)
{
    .c-spotlight-section ul li
    {
        padding-left: 4.5rem;
    }
}
.c-spotlight-section ol
{
    font-size: 1.6rem;
    line-height: 2.6rem;

    margin-top: 4rem; 

    counter-reset: section;
}
@media (min-width: 64em)
{
    .c-spotlight-section ol
    {
        font-size: 1.8rem;
        line-height: 3rem;

        margin-top: 6rem;
    }
}
.c-spotlight-section ol li
{
    position: relative;

    padding-left: 3rem;
}
.c-spotlight-section ol li:not(:first-child)
{
    margin-top: 1.5rem;
}
.c-spotlight-section ol li:before
{
    position: absolute;
    top: .2rem;
    left: 0;

    display: block;

    content: counter(section);
    counter-increment: section; 

    color: #073a7c;
}
@media (min-width: 64em)
{
    .c-spotlight-section ol li
    {
        padding-left: 5rem;
    }
}

/* ==========================================================================
   #Select checkbox
   ========================================================================== */
/*
---
name: Select checkbox
category: 02 - Molecules
---

Normal
```select-checkbox.html
    <div class="c-select-checkbox js-select-checkbox">
        <div class="c-custom-select">
            <div class="c-custom-select__title"></div>
        </div>
        <div class="c-custom-checkbox-list">
            <ul data-simplebar>
                <li>
                    <label class="c-custom-checkbox">
                        <input type="checkbox" value="" />
                        <div class="c-custom-checkbox__content">
                            <span>All categories</span>
                        </div>
                    </label>
                </li>
                <li>
                    <label class="c-custom-checkbox">
                        <input type="checkbox" value="" />
                        <div class="c-custom-checkbox__content">
                            <span>Moteurs d'avions civils</span>
                        </div>
                    </label>
                </li>
                <li>
                    <label class="c-custom-checkbox">
                        <input type="checkbox" value="" />
                        <div class="c-custom-checkbox__content">
                            <span>Moteurs d'avions militaires</span>
                        </div>
                    </label>
                </li>
                <li>
                    <label class="c-custom-checkbox">
                        <input type="checkbox" value="" />
                        <div class="c-custom-checkbox__content">
                            <span>Lanceurs - segment civil</span>
                        </div>
                    </label>
                </li>
                <li>
                    <label class="c-custom-checkbox">
                        <input type="checkbox" value="" />
                        <div class="c-custom-checkbox__content">
                            <span>Lanceurs - segment militaire</span>
                        </div>
                    </label>
                </li>
                <li>
                    <label class="c-custom-checkbox">
                        <input type="checkbox" value="" />
                        <div class="c-custom-checkbox__content">
                            <span>Turbines pour hélicoptère et Groupes auxiliaires de puissance</span>
                        </div>
                    </label>
                </li>
                <li>
                    <label class="c-custom-checkbox">
                        <input type="checkbox" value="" />
                        <div class="c-custom-checkbox__content">
                            <span>Trains d'atterrissage</span>
                        </div>
                    </label>
                </li>
                <li>
                    <label class="c-custom-checkbox">
                        <input type="checkbox" value="" />
                        <div class="c-custom-checkbox__content">
                            <span>Roues et freins</span>
                        </div>
                    </label>
                </li>
                <li>
                    <label class="c-custom-checkbox">
                        <input type="checkbox" value="" />
                        <div class="c-custom-checkbox__content">
                            <span>Another awesome checkbox</span>
                        </div>
                    </label>
                </li>
            </ul>
        </div>
    </div>
```


*/
.c-select-checkbox
{
    position: relative;
}

/* ==========================================================================
   #Hero
   ========================================================================== */
/*
---
name: Hero
category: 02 - Molecules
---

Normal

```hero.html
  <div class="c-hero js-hero"  data-background="https://via.placeholder.com/1200x900">
    <div class="c-hero__content">
        <h2>Safran Electronics & Defense</h2>
        <h1>A world leader in aerospace and defense solutions</h1>
    </div>
  </div>
```

With card

```hero.html
<div class="c-hero js-hero"  data-background="https://via.placeholder.com/1200x900">

  <div class="c-hero__content">
      <h2>Safran Electronics & Defense</h2>
      <h1>A world leader in aerospace and defense solutions</h1>
  </div>

  <div class="c-hero__card">
    <div class="c-layer c-layer--no-v-padding">

      <div class="c-hero__card__content">

        <div>
          <h3 class="c-hero__card__title">Title</h3>
          <div class="c-hero__card__links-container">
            <a href="#" class="c-hero__card__link">link</a>
            <a href="#" class="c-hero__card__link">link</a>
          </div>
        </div>

        <div class="c-hero__card__buttons-container">
          <a href="#" class="c-btn c-btn--primary">Button</a>
          <a href="#" class="c-btn c-btn--secondary">Button</a>
        </div>

      </div>

    </div>
  </div>

</div>
```

*/
.c-hero
{
    position: relative;
    z-index: -2;

    display: flex;

    height: calc(100vh - 5.6rem);

    background-position: center center;
    background-size: cover; 

    align-items: flex-end;
    justify-content: center;
}
.c-hero--video
{
    z-index: 0;

    background: none !important;
    background-color: #070e1d !important;
}
.c-hero--video .c-hero__gradiant-background
{
    display: none;
}
.c-hero--alternative
{
    height: auto;
    padding-top: 13rem !important;

    align-items: center;
}
.c-hero__video-container
{
    position: absolute;
    z-index: -2; 
    top: 0;
    left: 0;

    width: 100%;
    height: auto;
}
@media (min-width: 48em)
{
    .c-hero__video-container
    {
        padding-top: 7.7rem;
    }
}
@media (min-width: 64em)
{
    .c-hero__video-container
    {
        padding-top: 7.7rem;
    }
}
.c-hero__video-container::after
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    content: '';

    background: linear-gradient(90deg, rgba(7, 14, 29, .25) 0%, rgba(7, 14, 29, .7) 100%), linear-gradient(to top, #070f1e 30%, rgba(7, 15, 30, .4) 90%);
}
@media (min-width: 87.5em)
{
    .c-hero__video-container::after
    {
        background: linear-gradient(90deg, rgba(7, 14, 29, .25) 0%, rgba(7, 14, 29, .7) 100%), linear-gradient(to top, #070f1e 20%, rgba(7, 15, 30, .4) 60%);
    }
}
.c-hero__video
{
    width: 100%;
    height: 70rem;

    -o-object-fit: cover;
       object-fit: cover;
}
@media (min-width: 48em)
{
    .c-hero
    {
        min-height: 70rem;
    }
    .c-hero--alternative
    {
        min-height: 45rem;
    }
}
@media (max-width: 47.99em)
{
    .c-hero
    {
        height: calc(64vh - 5.7rem);
        min-height: 25rem;
        margin-top: 5.6rem;
    }
    .c-hero--alternative
    {
        height: auto;
        min-height: 10rem;
        margin-top: 0rem;
    }
}
.c-hero__gradiant-background
{
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    background: linear-gradient(90deg, rgba(7, 14, 29, .25) 0%, rgba(7, 14, 29, .7) 100%), linear-gradient(180deg, rgba(7, 14, 29, .2) 0%, #070e1d 100%);
}
@media (max-width: 47.99em)
{
    .c-hero__gradiant-background
    {
        background: linear-gradient(90deg, rgba(7, 14, 29, .25) 0%, rgba(7, 14, 29, .7) 100%), linear-gradient(180deg, rgba(7, 14, 29, .2) 0%, #070e1d 100%), linear-gradient(180deg, rgba(7, 14, 29, .1) 80%, #070e1d 100%);
    }
}
@media only screen and (min-width: 500px) and (max-height: 500px)
{
    .c-hero__gradiant-background
    {
        background: linear-gradient(90deg, rgba(7, 14, 29, .25) 0%, rgba(7, 14, 29, .7) 100%), linear-gradient(180deg, rgba(7, 14, 29, .2) 0%, #070e1d 100%), linear-gradient(180deg, rgba(7, 14, 29, .1) 20%, #070e1d 100%);
    }
}
.homepage .c-hero__gradiant-background
{
    bottom: 0;
}
.c-hero__wrapper
{
    position: relative;
    z-index: 0;
}
.c-hero__wrapper__link:after
{
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    bottom: 0; 
    left: 0;

    content: '';
}
.c-hero__content
{
    z-index: 3; 

    max-width: 80%;
    margin-bottom: 12rem;

    text-align: center;

    color: #fff;
}
@media screen and (min-width: 1200px) and (min-height: 1100px)
{
    .c-hero__content:not(.w-separator)
    {
        margin-bottom: calc(14rem + 12rem);
    }
}
.c-hero__content:focus
{
    border: none;
}
@media (max-width: 87.49em)
{
    .c-hero__content
    {
        max-width: 90%;
    }
}
@media (max-width: 47.99em)
{
    .c-hero__content
    {
        max-width: 100%;
        margin-bottom: 0;
    }
}
@media (max-width: 47.99em)
{
    .c-hero__content--responsive-margin-bottom
    {
        margin-bottom: 4rem;
    }
}
.c-hero__content .big-font,
.c-hero__content .h2-like
{
    margin: 0;

    color: #fff;
}
.c-hero__content.big-font
{
    font-size: 7rem;
    font-weight: 200;
    line-height: 1; 

    max-width: 100rem;
}
@media (max-width: 63.99em)
{
    .c-hero__content.big-font
    {
        position: absolute;
        top: 50%;

        max-width: 90%;

        transform: translateY(-50%);
    }
}
@media (max-width: 47.99em)
{
    .c-hero__content.big-font
    {
        font-size: 3.1rem;

        position: absolute;
        top: 50%;

        transform: translateY(-50%);
    }
}
.c-hero__content .big-font
{
    font-size: 7rem;
    font-weight: 200;
    line-height: 1; 

    max-width: 100rem;
}
@media (max-width: 47.99em)
{
    .c-hero__content .big-font
    {
        font-size: 3.6rem; 

        padding-bottom: 6rem;
    }
    .c-hero__content .big-font.separator-next
    {
        padding-bottom: 0rem;
    }
}
.c-hero__content .h2-like
{
    margin-bottom: 1.1rem;

    color: #bcbfcf;
}
@media (max-width: 47.99em)
{
    .c-hero__content .h2-like
    {
        font-size: 1.8rem; 

        color: #d1d6e6;
    }
}
.c-hero__content .h5-like
{
    font-size: 2.2rem; 

    margin-bottom: 1.2rem;

    color: #bcbfcf;
}
@media (max-width: 47.99em)
{
    .c-hero__content .h5-like
    {
        font-size: 1.4rem; 

        color: #d1d6e6;
    }
}

@media (max-width: 47.99em)
{
    .c-hero-product .c-hero
    {
        height: calc(64vh - 5.7rem);
    }
    .c-hero-product .c-hero .c-hero__content.big-font
    {
        position: relative;
        top: unset;

        padding-bottom: 10rem;

        transform: translate(0);
    }
}

/* ==========================================================================
   # OPEN BOOK
   ========================================================================== */
/*
---
name: Open book
category: 02 - Molecules
---

```open-book.html
<div class="c-open-book">
  <div class="c-open-book__wrap">
    <div class="c-open-book__left-side">
      <div class="c-open-book__cover-left"></div>
      <div class="layer1">
        <div class="page-left"></div>
      </div>
      <div class="layer2">
        <div class="page-left"></div>
      </div>
      <div class="layer3">
        <div class="page-left"></div>
      </div>
      <div class="layer4">
        <div class="page-left"></div>
      </div>
      <div class="layer-text">
        <div class="page-left-2">
          <div class="c-open-book__corner"></div>
          <div class="c-open-book__corner2"></div>
          <div class="c-open-book__corner-fold"></div>
          <div class="page-text">
            <h3>Safran</h3>
            <p>Illud autem non dubitatur quod cum esset aliquando virtutum omnium domicilium Roma, ingenuos advenas plerique nobilium, ut Homerici bacarum suavitate Lotophagi, humanitatis multiformibus officiis retentabant.</p>
            <p>Illud autem non dubitatur quod cum esset aliquando virtutum omnium domicilium Roma, ingenuos advenas plerique nobilium, ut Homerici bacarum suavitate Lotophagi, humanitatis multiformibus officiis retentabant.</p>
            <img src="https://www.safran-group.com/sites/group/files/styles/landscape_large/public/ajaris/SAF2013_0097715.jpg?itok=uU1FUJ8p">
          </div>
        </div>
      </div>
    </div>
    <div class="c-open-book__center"></div>
    <div class="c-open-book__right-side">
      <div class="c-open-book__cover-right"></div>
      <div class="layer1">
        <div class="page-right"></div>
      </div>
      <div class="layer2 right">
        <div class="page-right"></div>
      </div>
      <div class="layer3 right">
        <div class="page-right"></div>
      </div>
      <div class="layer4 right">
        <div class="page-right"></div>
      </div>
      <div class="layer-text right">
        <div class="page-right-2">
          <div class="page-text">
            <h3>A Glimpse</h3>
            <p style="background: url('https://www.safran.cn/sites/safran-cn/files/styles/safran_block2x2/public/thumbnails/image/saf2019_0318340-1.jpg?itok=ENalyUCY');
    height: 80%">
            </p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
```
*/
/*-----------------------*/
.c-open-book
{
    display: flex;

    width: 100%;
    height: 54vw;

    background-color: #fff;

    align-items: stretch;
    justify-content: center;
    perspective: 4000px;
    perspective-origin: 50% 0;
}
.c-open-book__left-side
{
    position: relative;

    display: flex;

    width: 49%;

    transform: rotateX(0deg) rotateY(20deg) rotateZ(0deg);
    transform-origin: 100% 50%;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    perspective: 4000px;
    perspective-origin: 0 50%;
    transform-style: preserve-3d;
}
.c-open-book__right-side
{
    position: relative;

    display: flex;

    width: 49%;

    transform: rotateX(0deg) rotateY(-1deg) rotateZ(0deg);

    perspective: 4000px;
    perspective-origin: 0 50%;
    transform-style: preserve-3d;
}
.c-open-book__center
{
    width: 3%;

    background-image: radial-gradient(circle farthest-corner at 56% -8%, #fff 8%, transparent 0), radial-gradient(circle farthest-corner at 50% 108%, #fff 8%, transparent 0), linear-gradient(90deg, #070e1d, #02143a 21%, #070e1d 30%, #02143a 48%, #070e1d 68%, #02143a 79%, #070e1d);
}
.c-open-book__corner-fold
{
    position: absolute;
    top: 0;
    left: 0;

    width: 30px;
    height: 30px;

    border-right: 1px solid rgba(215, 203, 203, .55);
    border-bottom: 1px solid rgba(215, 203, 203, .55);
    background-image: linear-gradient(135deg, transparent 47%, #ebecf2 48%, #fff 55%, #f9fafc);
    box-shadow: 6px 6px 9px -4px rgba(215, 203, 203, .53);
}
.c-open-book__corner
{
    position: absolute;
    top: 27px;
    left: 0;

    width: 5vw;
    height: 5vw;

    background-image: linear-gradient(135deg, #fff 30%, transparent);
    box-shadow: inset 13px 0 17px -12px rgba(215, 203, 203, .43);
}
.c-open-book__corner2
{
    position: absolute;
    top: 0;
    left: 28px;

    width: 5vw;
    height: 5vw;

    background-image: linear-gradient(135deg, #fff 31%, transparent);
    box-shadow: inset 0 13px 17px -12px rgba(215, 203, 203, .43);
}
.c-open-book__wrap
{
    position: relative;

    display: flex;

    width: 57vw;
    margin-top: 8vw;
    margin-bottom: 8vw;
    padding-right: 1%;
    padding-left: 1%;

    transition: transform 2000ms cubic-bezier(.165, .84, .44, 1); 
    transform: translate3d(0px, 5%, -264px) rotateX(27deg) rotateY(0deg) rotateZ(-10deg);

    justify-content: center;
    perspective: 4000px;
    perspective-origin: 50% 50%;
    transform-style: preserve-3d;
}
.c-open-book__wrap:hover
{
    transform: translate3d(0px, 5%, -264px) rotateX(13deg) rotateY(0deg) rotateZ(-3deg);
}
.c-open-book__cover-left
{
    transform: translate3d(0px, 0px, -1px);

    border-top-left-radius: 4%;
    border-bottom-left-radius: 4%;
    background-color: #02143a;
    box-shadow: inset 4px -4px 4px 1px #070e1d, inset 7px -7px 4px 0 #222e49;

    flex: 1;
    perspective: 4000px;
    transform-style: preserve-3d;
}
.c-open-book__cover-right
{
    border-top-right-radius: 4%;
    border-bottom-right-radius: 4%;
    background-color: #02143a;
    box-shadow: inset -4px -4px 4px 1px #070e1d, inset -7px -7px 4px 0 #222e49; 

    flex: 1;
}
.c-open-book .layer1
{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: flex;

    margin: 20px 10px 10px;

    transform: translate3d(0px, 0px, 5px);

    justify-content: flex-start;
    transform-style: preserve-3d;
}
.c-open-book .page-left
{
    border-top-left-radius: 1%;
    border-bottom-left-radius: 1%;
    background-color: #fff;
    box-shadow: inset 0 0 26px 2px #bcbfcf, -1px 1px 13px 0 rgba(34, 46, 73, .81); 

    flex: 1;
}
.c-open-book .layer-text
{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: flex;

    width: 97%;
    margin: 20px 10px 18px;

    transform: translate3d(0px, 0px, 32px);

    justify-content: flex-start;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    perspective: 4000px;
    perspective-origin: 50% 50%;
    transform-style: preserve-3d;
}
.c-open-book .layer-text.right
{
    transform: translate3d(-37px, 0px, 32px);

    transform-style: preserve-3d;
}
.c-open-book .page-left-2
{
    position: relative;

    transition: transform 650ms cubic-bezier(.165, .84, .44, 1); 
    transform: rotateX(0deg) rotateY(17deg) rotateZ(0deg);
    transform-origin: 100% 50%;

    border-top-left-radius: 18%;
    border-bottom-left-radius: 1%;
    background-color: #fff;
    box-shadow: inset 0 0 7px 4px rgba(215, 203, 203, .43), -1px 1px 13px 0 rgba(34, 46, 73, .49);

    flex: 1;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    transform-style: preserve-3d;
}
.c-open-book .page-left-2:hover
{
    transform: rotateX(0deg) rotateY(7deg) rotateZ(0deg);
}
.c-open-book .page-text
{
    font-size: .85vw;
    line-height: 1.5; 

    position: relative;

    display: block;

    width: 80%;
    height: 95%;
    margin-top: 25px;
    margin-right: auto;
    margin-left: auto;

    color: #141d29;
}
.c-open-book .page-text img
{
    max-width: 100%;
}
.c-open-book .layer2
{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: flex;

    margin: 20px 10px 13px;

    transform: translate3d(2px, 0px, 10px);

    justify-content: flex-start;
    transform-style: preserve-3d;
}
.c-open-book .layer2.right
{
    transform: translate3d(-5px, 0px, 10px);

    transform-style: preserve-3d;
}
.c-open-book .layer3
{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: flex;

    margin: 20px 10px 13px;

    transform: translate3d(4px, 0px, 20px);

    justify-content: flex-start;
    transform-style: preserve-3d;
}
.c-open-book .layer3.right
{
    transform: translate3d(-10px, 0px, 20px);

    transform-style: preserve-3d;
}
.c-open-book .layer4
{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: flex;

    margin: 20px 10px 15px;

    transform: translate3d(6px, 0px, 30px);

    justify-content: flex-start;
    transform-style: preserve-3d;
}
.c-open-book .layer4.right
{
    transform: translate3d(-15px, 0px, 30px);

    transform-style: preserve-3d;
}
.c-open-book .page-right-2
{
    position: relative;

    transition: transform 850ms ease; 
    transform: rotateX(0deg) rotateY(-3deg) rotateZ(0deg);
    transform-origin: 0 50%;

    border-top-right-radius: 1%;
    border-bottom-right-radius: 1%;
    background-color: #fff;
    box-shadow: inset 0 0 7px 4px rgba(215, 203, 203, .43), 1px 1px 13px 0 rgba(34, 46, 73, .49);

    flex: 1;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    transform-style: preserve-3d;
}
.c-open-book .page-right-2:hover
{
    transform: rotateX(0deg) rotateY(-17deg) rotateZ(0deg);
}
.c-open-book .page-right
{
    border-top-right-radius: 1%;
    border-bottom-right-radius: 1%;
    background-color: #fff;
    box-shadow: inset 0 0 26px 2px #bcbfcf, 1px 1px 13px 0 rgba(34, 46, 73, .81); 

    flex: 1;
}

@media (max-width: 63.99em)
{
    .c-open-book
    {
        height: 56vw;
    }
    .c-open-book__corner-fold
    {
        top: -1%;
        left: 0;

        width: 3.5vw;
        height: 3.5vw;
        max-height: 35px;

        background-image: linear-gradient(135deg, transparent 50%, #ebecf2 51%, #fff 52%, #f9fafc);
    }
    .c-open-book__corner
    {
        top: 8%;
    }
    .c-open-book__wrap
    {
        width: 62vw;
    }
    .page-left-2
    {
        border-top-left-radius: 20%;
    }
    .page-text .h3-like
    {
        font-size: 3vw; 

        margin-top: 2vw;
        margin-bottom: 1vw;
    }
    .page-right-2
    {
        padding-left: 9%;
    }
}

@media (max-width: 47.99em)
{
    .c-open-book__wrap
    {
        width: 80vw;
        margin-bottom: 2vw;
    }
    .c-open-book__wrap__corner-fold
    {
        width: 4.5vw;
        min-width: 29px;
        height: 4.5vw;
        max-height: 29px;

        background-image: linear-gradient(140deg, transparent 48%, #ebecf2 49%, #fff 50%, #f9fafc);
    }
    .layer-text
    {
        width: 94%;

        transform: translate3d(0px, 0px, 20px);
    }
    .layer-text.right
    {
        transform: translate3d(-34px, 0px, 24px); 

        justify-content: flex-end;
    }
    .page-left-2
    {
        transform: rotateX(0deg) rotateY(17deg) rotateZ(0deg) translate(9px, 0px); 

        border-top-left-radius: 23%;
    }
    .page-text
    {
        margin-top: 2vw;
    }
    .page-text .h3-like
    {
        font-size: 3vw; 

        margin-top: 0vw;
    }
    .layer2
    {
        transform: translate3d(2px, 0px, 6px);
    }
    .layer2.right
    {
        transform: translate3d(-5px, 0px, 6px);
    }
    .layer3
    {
        transform: translate3d(4px, 0px, 12px);
    }
    .layer3.right
    {
        transform: translate3d(-10px, 0px, 12px);
    }
    .layer4
    {
        transform: translate3d(6px, 0px, 18px);
    }
    .layer4.right
    {
        transform: translate3d(-15px, 0px, 18px);
    }
    .page-right-2
    {
        width: 92%;

        flex: 0 auto;
    }
}

@media (max-width: 29.99em)
{
    .c-open-book
    {
        height: 69vw;
    }
    .c-open-book__corner-fold
    {
        width: 5.5vw;
        min-width: 21px;
        height: 5.5vw;
    }
}

/* ==========================================================================
   #Program item
   ========================================================================== */
/*
---
name: Program item
category: 02 - Molecules
---

```program-item.html
<div class="c-program-item">
  <div class="c-program-item__background"></div>
  <p class="c-program-item__title">Title</p>
</div>
```

*/
.c-program-item
{
    display: block;

    width: 41rem;
}
.c-program-item:hover .c-program-item__title
{
    color: #255b8e;
}
@media (max-width: 63.99em)
{
    .c-program-item
    {
        width: 27.7rem;
    }
    .c-program-item:hover .c-program-item__title
    {
        color: initial;
    }
}
.c-program-item__background
{
    width: 100%;
    height: 28.5rem;

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
@media (max-width: 63.99em)
{
    .c-program-item__background
    {
        height: 19.2rem;
    }
}
.c-program-item__title
{
    font-size: 2.2rem;
    line-height: 1.36;

    margin: 0;
    margin-top: 2rem;

    transition: max-height 0s ease-in-out; 
    letter-spacing: .06rem;

    color: #2b2d27;
}
@media (max-width: 63.99em)
{
    .c-program-item__title
    {
        font-size: 1.6rem;

        margin-top: 1.5rem; 

        letter-spacing: .044rem;
    }
}

/* ==========================================================================
   #Expertise card responsive
   ========================================================================== */
/*
---
name: Expertise card responsive
category: 02 - Molecules
---

```expertise-card-responsive.html
<a class="c-expertise-card-responsive" href="#">
  <p class="c-expertise-card-responsive__title">
    Title
  </p>
  <img src="../../assets/images/icons/goto.svg" class="c-expertise-card-responsive__icon"/>
</a>
```

*/
.c-expertise-card-responsive
{
    display: flex;

    margin: 0 2rem;
    padding: 0;

    border-bottom: .1rem solid #d1d6e6;

    justify-content: space-between;
    align-items: center;
}
.c-expertise-card-responsive__title
{
    font-size: 1.8rem;
    line-height: 1.25;

    margin: 0;
    padding: 2rem 0;
    padding-right: 2rem; 

    color: #255b8e;
}
.c-expertise-card-responsive__icon
{
    width: 2.2rem;
    height: 2.2rem; 
    padding-right: 0;
}

@media (max-width: 22.1875em)
{
    .c-structured-expertise-cards .c-structured-expertise-cards__responsive-load-more-button-container .c-btn:after
    {
        position: relative;
        top: -7px;
    }
}

/* ==========================================================================
   #Company Search Result
   ========================================================================== */
.c-company-search-result__grid
{
    display: flex;

    width: 100%;
    max-width: 100vw;
}
@media (max-width: 63.99em)
{
    .c-company-search-result__grid
    {
        flex-direction: column;
    }
}

.c-company-search-result__left-col .c-btn
{
    position: absolute;
    z-index: 3; 
    top: calc(100% - 20rem);
    left: 50%;

    transform: translateX(-50%);

    opacity: 0;
}
@media (max-width: 63.99em)
{
    .c-company-search-result__left-col .c-btn
    {
        top: calc(100% - 14rem); 

        opacity: 1;
    }
}

.c-company-search-result__picture-container
{
    position: relative;

    display: block;

    border-top-right-radius: .4rem;
    border-bottom-right-radius: .4rem;
}
@media (max-width: 63.99em)
{
    .c-company-search-result__picture-container
    {
        border-radius: 0;
    }
}
.c-company-search-result__picture-container::before
{
    position: absolute;
    z-index: 2; 
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    content: '';

    border-top-right-radius: .4rem;
    border-bottom-right-radius: .4rem;
    background: linear-gradient(180deg, rgba(2, 20, 58, .7) 0%, rgba(2, 20, 58, 0) 100%);
}
@media (max-width: 63.99em)
{
    .c-company-search-result__picture-container::before
    {
        border-radius: 0;
        background: linear-gradient(180deg, rgba(7, 14, 29, 0) 0%, #070e1d 100%), linear-gradient(180.95deg, rgba(2, 20, 58, .7) 0%, rgba(0, 18, 82, 0) 100%);
    }
}
.c-company-search-result__picture-container::after
{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    content: '';
    transition: all .3s ease-in-out;

    border-top-right-radius: .4rem;
    border-bottom-right-radius: .4rem; 
    background-color: transparent;
}
@media (max-width: 63.99em)
{
    .c-company-search-result__picture-container::after
    {
        display: none;
    }
}
.c-company-search-result__picture-container:hover::after
{
    background-color: rgba(7, 14, 29, .8);
}
.c-company-search-result__picture-container:hover .c-btn
{
    opacity: 1;
}
.c-company-search-result__picture-container:hover .c-btn--text-button--vertical
{
    padding-top: 8rem;
    padding-left: 0;

    color: #fff;
}
.c-company-search-result__picture-container:hover .c-btn--text-button--vertical::before
{
    width: .1rem;
    height: 6rem;
}

.c-company-search-result__picture
{
    position: relative;
    z-index: 1;

    overflow: hidden; 

    width: auto;
    height: 100%;

    border-top-right-radius: .4rem;
    border-bottom-right-radius: .4rem;
}
@media (max-width: 63.99em)
{
    .c-company-search-result__picture
    {
        width: 100%;
        height: auto;
    }
}

.c-company-search-result__picture-title
{
    font-size: 5.6rem;
    font-weight: 300;
    line-height: 6rem;

    position: absolute;
    z-index: 3; 
    top: 0;
    left: 0;

    width: 100%;
    margin: 0;
    padding: 4.4rem;
    padding-top: 8rem;

    text-align: center;

    color: #fff;
}
@media (max-width: 87.49em)
{
    .c-company-search-result__picture-title
    {
        font-size: 4.6rem;
    }
}
@media (max-width: 63.99em)
{
    .c-company-search-result__picture-title
    {
        font-size: 3.6rem;
        font-weight: 400; 
        line-height: 4.2rem;

        padding: 4rem;
        padding-top: 6rem;
    }
}

.c-company-search-result__picture-subtitle
{
    font-size: 1.4rem;
    font-weight: 300;
    font-style: italic;

    display: block; 

    margin: 0;
    padding-top: 1.3rem;

    text-align: center;

    color: #fff;
}

.c-company-search-result__right-col
{
    overflow: hidden; 

    width: 100%;
    padding-left: 2.5rem;
}
@media (max-width: 63.99em)
{
    .c-company-search-result__right-col
    {
        padding-left: 0;
    }
}

.c-company-search-result + .c-company-search-result
{
    margin-top: 2.5rem;
}
@media (max-width: 63.99em)
{
    .c-company-search-result + .c-company-search-result
    {
        margin-top: 0;
    }
}

.c-company-search-result:last-child
{
    margin-bottom: 8rem;
}

.c-company-search-result__side-content
{
    position: relative;

    padding: 6rem;
    padding-right: 0;
    padding-bottom: 2.2rem;

    border-top-left-radius: .4rem;
    border-bottom-left-radius: .4rem; 
    background-color: #f9fafc;
}
@media (max-width: 81.25em)
{
    .c-company-search-result__side-content
    {
        padding: 4rem;
    }
}
@media (max-width: 75em)
{
    .c-company-search-result__side-content
    {
        padding: 2rem;
    }
}
@media (min-width: 64em)
{
    .c-company-search-result__side-content
    {
        overflow: hidden; 

        min-height: 801px;
    }
    .c-company-search-result__side-content .c-slider__title
    {
        margin-right: 0;
    }
}
.c-company-search-result__side-content .c-slider .c-slider__slide-item
{
    padding-top: 0;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
{
    .c-company-search-result__side-content .c-slider .c-slider__slide-item
    {
        padding-top: 2rem;
    }
}
@media (max-width: 63.99em)
{
    .c-company-search-result__side-content
    {
        padding: 0 2rem;
        padding-top: 4rem;

        text-align: center; 

        background: #fff;
    }
}
.c-company-search-result__side-content .c-product-card-item
{
    background-color: #fff;
}
.c-company-search-result__side-content .c-structured-products-services .c-slider
{
    padding-top: 6rem; 
    padding-left: 0;
}
@media (max-width: 63.99em)
{
    .c-company-search-result__side-content .c-structured-products-services .c-slider
    {
        padding-top: 0;
    }
    .c-company-search-result__side-content .c-structured-products-services .c-slider .c-slider__slide-item
    {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
}
.c-company-search-result__side-content .c-structured-products-services__link-container
{
    margin-bottom: -5rem;
}

.c-company-search-result__baseline
{
    font-size: 2.8rem;
    line-height: 1.3; 

    margin: 0;
    padding-right: 6rem;

    color: #141d29;
}
@media (max-width: 63.99em)
{
    .c-company-search-result__baseline
    {
        font-size: 1.8rem;
        line-height: 1.33; 

        padding: 0;

        letter-spacing: .1rem;
    }
}

.c-company-search-result__description
{
    font-size: 1.8rem;
    line-height: 1.6;
}
@media (max-width: 63.99em)
{
    .c-company-search-result__description
    {
        font-size: 1.6rem;
        line-height: 2.2rem;
    }
}

.c-company-search-result__link-container
{
    padding-right: 3rem; 

    text-align: right;
}
@media (min-width: 64em)
{
    .c-company-search-result__link-container
    {
        position: absolute;
        right: 0; 
        bottom: 1.8rem;

        padding-right: 8rem;
    }
}
@media (max-width: 63.99em)
{
    .c-company-search-result__link-container
    {
        padding-bottom: 4rem;
    }
}
@media (max-width: 47.99em)
{
    .c-company-search-result__link-container
    {
        padding-right: 0;
    }
    .c-company-search-result__link-container .c-btn
    {
        padding-top: 2rem;
        padding-bottom: 0;
    }
}

.c-company-search-result__load-more
{
    font-size: 1.4rem;

    display: none;

    width: 100%;
    margin-bottom: .2rem; 
    padding: 2.5rem 2rem;
    padding-top: 2.4rem;

    letter-spacing: .053rem;

    color: #fff;
    border: none;
    background: none;
    background-color: #112753;
    box-shadow: 0 4px 7px 0 rgba(0, 0, 0, .05);
}
@media (max-width: 63.99em)
{
    .c-company-search-result__load-more
    {
        display: block;
    }
}

.c-company-search-result__load-more-arrow
{
    height: 1.3rem;
    margin-left: 1rem;

    transform: rotate(90deg);
}
.c-company-search-result__load-more-arrow--up
{
    transform: rotate(-90deg);
}

.c-company-search-result__pagination-wrapper
{
    width: 100%; 
    padding-top: 4rem;
    padding-bottom: 4rem;
}
.c-company-search-result__pagination-wrapper .c-btn
{
    padding-left: 0;
}
@media (max-width: 63.99em)
{
    .c-company-search-result__pagination-wrapper
    {
        padding-bottom: 2rem;
    }
    .c-company-search-result__pagination-wrapper .c-btn
    {
        padding-left: 4rem;
    }
}

body.news-list-page .c-company-search-result__pagination-wrapper
{
    margin-top: -2rem;
}

body.publications-page .c-company-search-result__pagination-wrapper
{
    margin-top: 2rem;
    margin-bottom: 6rem;
}
@media (max-width: 87.49em)
{
    body.publications-page .c-company-search-result__pagination-wrapper
    {
        margin-top: 4rem;
    }
}
@media (max-width: 63.99em)
{
    body.publications-page .c-company-search-result__pagination-wrapper
    {
        margin-top: 2rem;
        margin-bottom: 4rem;
    }
}
body.publications-page .c-company-search-result__pagination-wrapper .c-btn
{
    padding-top: 0;
    padding-bottom: 0;
}
@media (max-width: 63.99em)
{
    body.publications-page .c-company-search-result__pagination-wrapper .c-btn
    {
        padding-top: 2rem;
    }
}

@media (max-width: 64em)
{
    .news-list-page .c-company-search-result__pagination-wrapper
    {
        margin-top: 4rem;
    }
}

/* ==========================================================================
   #Product description card
   ========================================================================== */
/*
---
name: Product description card
category: 03 - Organisms
---

Normal
```product-description-card.html
<div class="c-product-description-card">

  <h3 class="c-product-description-card__title">title</h3>

  <div>
    <a href="#" class="c-product-description-card__link">linkName</a>
    <a href="#" class="c-product-description-card__link">linkName</a>
  </div>

  <p class="c-product-description-card__info-container">
    <span class="c-product-description-card__info-label">infoLabel</span>
    <span class="c-product-description-card__info-value">infoValue</span>
  </p>

  <p class="c-product-description-card__info-container">
    <span class="c-product-description-card__info-label">infoLabel</span>
    <span class="c-product-description-card__info-value">infoValue</span>
  </p>

  <p class="c-product-description-card__info-container">
    <span class="c-product-description-card__info-label">infoLabel</span>
    <span class="c-product-description-card__info-value">infoValue</span>
  </p>

  <div class="c-product-description-card__buttons-container">
    <a href="#" class="c-btn c-btn--primary">buttonName</a>
    <a href="#" class="c-btn c-btn--secondary">buttonName</a>
  </div>

</div>
```

*/
.c-product-description-card
{
    z-index: 1;

    width: 39.6rem;
    padding: 4rem;

    background-color: rgba(255, 255, 255, .92);
}
@media (max-width: 63.99em)
{
    .c-product-description-card
    {
        display: none;
    }
}
.c-product-description-card--mobile-version
{
    display: block;
    display: none; 

    width: calc(100% - 4rem);
    margin-top: 4rem;
    margin-left: 2rem;
    padding: 3rem 2rem;
}
@media (max-width: 63.99em)
{
    .c-product-description-card--mobile-version
    {
        display: block;
    }
}
.c-product-description-card__title
{
    font-size: 3.6rem;
    line-height: 1.4; 

    margin: 0;

    color: #141d29;
}
@media (max-width: 63.99em)
{
    .c-product-description-card__title
    {
        font-size: 2.4rem;
    }
}
.c-product-description-card__subtitle
{
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 3rem; 

    margin: 0;
    margin-bottom: 4rem;

    letter-spacing: .2rem;

    color: #1b1d27;
}
.c-product-description-card__subtitle a
{
    font-size: 1.2rem;
}
@media (max-width: 63.99em)
{
    .c-product-description-card__subtitle a
    {
        font-size: 1.1rem;

        letter-spacing: .18rem;
    }
}
@media (max-width: 63.99em)
{
    .c-product-description-card__subtitle
    {
        margin-bottom: 3rem;
    }
}
.c-product-description-card__link
{
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 2;

    letter-spacing: .2rem;
    text-transform: uppercase; 

    color: #255b8e;
}
.c-product-description-card__link:not(:last-child)
{
    padding-right: 1.3rem;

    border-right: .1rem solid #a4acbc;
}
.c-product-description-card__link:not(:first-child)
{
    padding-left: 1.5rem;
}
@media (max-width: 63.99em)
{
    .c-product-description-card__link
    {
        font-size: 1.1rem;
    }
}
.c-product-description-card__info-container
{
    display: flex;

    margin: 0; 
    padding: 1.4rem 0;

    border-top: .1rem solid #bcbfcf;

    align-items: center;
}
.c-product-description-card__info-container:first-of-type
{
    margin-top: 3rem;

    border-top: 0;
}
@media (max-width: 63.99em)
{
    .c-product-description-card__info-container:first-of-type
    {
        margin-top: 0;
    }
}
@media (max-width: 63.99em)
{
    .c-product-description-card__info-container
    {
        justify-content: space-between;
    }
}
.c-product-description-card__info-label
{
    font-size: 1.6rem;
    line-height: 1.25; 

    width: 70%;
    padding-right: 2rem;

    letter-spacing: .06rem;

    color: #3b3e4d;
}
@media (max-width: 63.99em)
{
    .c-product-description-card__info-label
    {
        font-size: 1.4rem;

        letter-spacing: .05rem;
    }
}
.c-product-description-card__info-value
{
    font-size: 2.8rem;
    line-height: 1.3; 

    color: #141d29;
}
@media (max-width: 63.99em)
{
    .c-product-description-card__info-value
    {
        font-size: 1.8rem;

        letter-spacing: .1rem;
    }
}
.c-product-description-card__buttons-container
{
    margin: -4rem;
    margin-top: 4rem;
    padding: 2rem;
}
.c-product-description-card__buttons-container .c-btn
{
    overflow: hidden;

    width: 100%;

    white-space: nowrap;
    text-overflow: ellipsis;
}
.c-product-description-card__buttons-container .c-btn + .c-btn
{
    margin-top: 2rem;
}
@media (max-width: 63.99em)
{
    .c-product-description-card__buttons-container
    {
        margin: 0;
        margin-top: 4rem;
        padding: 0;
    }
}

/* ==========================================================================
   #Support Card
   ========================================================================== */
/*
---
name: Support Card
category: 03 - Organisms
---

Normal
```support-card.html
<div class="c-support-card">
  <p class="c-support-card__title">title</p>
  <p class="c-support-card__description">description </p>
  <a href="#" class="c-btn c-btn--arrow-btn">linkName</a>
</div>
```

Dark
```support-card-dark.html
<div class="c-support-card c-support-card--dark">
  <p class="c-support-card__title">title</p>
  <p class="c-support-card__description">description</p>
  <a href="#" class="c-btn c-btn--arrow-btn c-btn--arrow-btn--dark">linkName</a>
</div>
```

*/
.c-support-card
{
    margin-top: 2.5rem;
    padding: 4rem;
    padding-bottom: 4.8rem;

    transition: all .3s ease-in-out;

    background-color: rgba(7, 14, 29, .25);

    flex: 1;
    /*
  &:first-child {
    margin-left: $gutter;
  }

  &:last-child {
    margin-right: $gutter;
  }
  */
}
@media (max-width: 63.99em)
{
    .c-support-card
    {
        margin-top: 0;
        padding: 2rem;
    }
    .c-support-card .c-btn--arrow-btn
    {
        font-size: 1.6rem !important;

        position: relative;

        display: flex;
        flex-direction: row;

        padding: 0;
    }
    .c-support-card .c-btn--arrow-btn::after
    {
        position: relative;
        right: -1rem;

        margin-top: .3rem;
    }
}
.c-support-card + .c-support-card
{
    margin-left: 2.5rem;
}
.c-support-card__title
{
    font-size: 2.2rem;
    line-height: 1.3;

    margin: 0;

    letter-spacing: .06rem;
}
@media (max-width: 63.99em)
{
    .c-support-card__title
    {
        font-size: 1.6rem;

        letter-spacing: .04rem;
    }
}
.c-support-card__description
{
    font-size: 1.8rem;
    line-height: 1.45; 

    margin: 0;
    margin-top: 1.4rem;
    margin-bottom: 3rem;
}
@media (max-width: 63.99em)
{
    .c-support-card__description
    {
        font-size: 1.6rem; 

        margin-bottom: 1rem;
    }
}
.c-support-card .c-btn--arrow-btn
{
    padding-left: 0;
}
.c-support-card--dark .c-support-card__title
{
    color: #7fb8e7;
}
.c-support-card--dark .c-support-card__description
{
    color: #e7eaf2;
}
.c-support-card--dark .c-btn--arrow-btn
{
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.22;

    letter-spacing: -.01rem; 
    text-transform: initial;

    color: #7fb8e7;
}
.c-support-card--dark .c-btn--arrow-btn::after
{
    color: #7fb8e7;
}
@media (max-width: 47.99em)
{
    .c-support-card
    {
        margin: 0;
    }
    .c-support-card:first-child
    {
        margin-left: 0;
    }
    .c-support-card:last-child
    {
        margin-right: 0;
    }
    .c-support-card:not(:first-child)
    {
        margin-top: 2.5rem;
    }
}

/* ==========================================================================
   # Partner item
   ========================================================================== */
/*
---
name: Partner item
category: 02 - Molecules
---

```partner-item.html
<div class="c-partner-item">

  <p class="c-partner-item__title">Title</p>

  <p class="c-partner-item__description">Description</p>

  <a href="#" class="c-partner-item__link">Link</a>

</div>   
```
*/
.c-partner-item
{
    margin-top: 2rem;
    padding: 4rem;
    padding-top: 6rem;

    background-color: #e0f1fe;
}
@media (max-width: 47.99em)
{
    .c-partner-item
    {
        margin-top: 0;
        margin-bottom: 3rem;
        padding: 2rem;
    }
}
.c-partner-item__title
{
    font-size: 2.2rem;
    line-height: 1.36; 

    margin: 0;

    letter-spacing: .06rem;

    color: #1b1d27;
}
@media (max-width: 87.49em)
{
    .c-partner-item__title
    {
        font-size: 1.6rem;
    }
}
.c-partner-item__description
{
    font-size: 1.8rem;
    line-height: 1.44; 

    margin: 0;
    margin-top: 2rem;

    color: #1b1d27;
}
@media (max-width: 87.49em)
{
    .c-partner-item__description
    {
        font-size: 1.4rem;

        letter-spacing: .053rem;
    }
}
.c-partner-item__link
{
    font-size: 1.8rem;
    line-height: 1.66; 

    display: block;

    margin-top: 5rem;

    color: #255b8e;
}
@media (max-width: 87.49em)
{
    .c-partner-item__link
    {
        font-size: 1.6rem; 

        margin-top: 1.6rem;
    }
}

/* ==========================================================================
   #Profile card separator
   ========================================================================== */
/*
---
name: Profile card separator
category: 02 - Molecules
---

```profile-card-separator.html
<div class="c-profile-card-separator">
  <p class="c-profile-card-separator__title">Title</p>
</div>
```

*/
.c-profile-card-separator
{
    position: relative;

    width: 6rem;
    min-height: 48.7rem;

    border-radius: .4rem; 
    background: linear-gradient(180deg, #073a7c 0%, #112753 100%);
}
.c-profile-card-separator::after
{
    font-family: 'icomoon' !important;
    font-size: 2rem;

    position: absolute;
    top: 3rem;
    left: 50%;

    content: '';
    transform: translateX(-50%); 

    color: #fff;
}
.c-profile-card-separator__title
{
    font-size: 1.8rem;

    position: absolute;
    bottom: 4rem;
    left: -.1rem;

    width: 100%;
    margin: 0;

    transform: rotate(-90deg);
    white-space: nowrap; 

    color: #fff;
}

.c-search-popin
{
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    visibility: hidden;

    transition: all .3s ease-in-out; 

    opacity: 0;
    background-color: rgba(27, 29, 39, 0);
}
.c-search-popin__close
{
    position: absolute;
    top: 0;
    right: 0;

    display: flex;

    width: 5.4rem;
    height: 5.4rem;
    padding: 1rem 1.5rem;

    transition: background-color .3s ease; 

    background-color: #112753;

    align-items: center;
    justify-content: center;
}
.c-search-popin__close:hover
{
    background-color: #073a7c;
}
.c-search-popin--opened
{
    visibility: visible; 

    opacity: 1;
    background-color: rgba(27, 29, 39, .94);
}
.c-search-popin__click-listener
{
    position: absolute;
    z-index: -1; 
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.c-search-popin__input-no-click-container
{
    position: absolute;
    top: 45%;
    left: 50%;

    width: 100rem;
    height: 30rem;

    transform: translate(-50%, -50%);
}
.c-search-popin__input-container
{
    position: absolute;
    top: 45%;
    left: 50%;

    width: 51%;

    transform: translate(-50%, -50%);
}
.c-search-popin__input-container .c-btn
{
    background: linear-gradient(45deg, #0f60a7 0%, #255b8e 100%);
}
.c-search-popin__input-label
{
    font-size: 2.2rem;
    line-height: 1.36; 

    color: #fff;
}

.c-responsive-megamenu
{
    position: fixed;
    z-index: 200;
    top: 5.6rem;
    right: 0;
    bottom: 0;
    left: 0;

    display: none;
    overflow-y: scroll;

    width: 100%;
    height: 100%;

    border-top: .1rem solid #525668; 
    background-color: #03143a;
}
.c-responsive-megamenu--opened
{
    display: block;
}
.c-responsive-megamenu--no-scroll
{
    overflow-y: hidden;
}
.c-responsive-megamenu select::-ms-expand
{
    display: none;
}
.c-responsive-megamenu__logged-user-container
{
    display: flex;
    flex-direction: column;
}
.c-responsive-megamenu__logged-user-container .c-responsive-megamenu__login-btn
{
    padding-bottom: 1.5rem;
}
.c-responsive-megamenu__account-link
{
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.23;

    padding: 1.3rem 2.5rem; 

    text-align: center;
    text-decoration: none;
    letter-spacing: .028rem;
    text-transform: uppercase;

    color: #fff;
    border: .1rem solid #525668;
}
.c-responsive-megamenu__logout
{
    font-size: 1.3rem;
    line-height: 1.23;

    margin-top: 3rem;

    letter-spacing: .04rem;

    color: #7fb8e7;
}
.c-responsive-megamenu__user-type-select
{
    font-family: 'Barlow';
    font-size: 1.3rem;
    font-weight: 500;

    position: relative;

    display: block;

    width: 100%;
    padding-top: 1.8rem;
    padding-bottom: 1.8rem;
    padding-left: 1.9rem;

    letter-spacing: .2rem;

    color: #bcbfcf;
    border: none;
    border-radius: .4rem;
    background-color: rgba(255, 255, 255, .07);
    background-image: linear-gradient(45deg, transparent 50%, #bcbfcf 50%), linear-gradient(135deg, #bcbfcf 50%, transparent 50%);
    background-repeat: no-repeat; 
    background-position: calc(100% - 30px) 25px, calc(100% - 25px) 25px;
    background-size: 5px 5px, 5px 5px;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
.c-responsive-megamenu__user-type-select::-ms-expand
{
    display: none;
}
.c-responsive-megamenu__search-bar-container
{
    padding: 2.1rem;
    padding-top: 3rem; 
    padding-bottom: 1.5rem;

    background-color: #1b1d27;
}
.c-responsive-megamenu__main-menu-items-container
{
    padding-bottom: 2rem; 

    background-color: #1b1d27;
}
.c-responsive-megamenu__main-menu-item
{
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.56;

    position: relative;

    display: block;

    width: 100%;
    padding: 1.5rem 2.3rem;

    text-align: left;
    letter-spacing: .26rem;
    text-transform: uppercase; 

    color: #fff;
    border: none;
    background-color: #1b1d27;
}
.c-responsive-megamenu__main-menu-item::after
{
    position: absolute;
    top: 50%;
    right: 2rem;

    content: '';
    transform: translateY(-50%) rotate(-90deg); 

    border-width: .4rem .4rem 0 .4rem;
    border-style: solid;
    border-color: #bcbfcf transparent transparent transparent;
}
.c-responsive-megamenu__secondary-menu-items-container
{
    padding-top: 2rem;

    background-color: #070d1d;
}
.c-responsive-megamenu__secondary-menu-items-container + .c-responsive-megamenu__secondary-menu-items-container
{
    padding-top: 0rem;
    padding-bottom: 2rem;
}
.c-responsive-megamenu__secondary-menu-item
{
    font-size: 1.3rem;
    line-height: 1.23;

    position: relative;

    display: block;

    width: 100%;
    padding: 1.4rem 2.3rem;

    text-align: left; 
    letter-spacing: .04rem;

    color: #fff;
    border: none;
    background-color: #070d1d;
}
.c-responsive-megamenu__secondary-menu-item::after
{
    position: absolute;
    top: 50%;
    right: 2rem;

    content: '';
    transform: translateY(-50%) rotate(-90deg); 

    border-width: .4rem .4rem 0 .4rem;
    border-style: solid;
    border-color: #bcbfcf transparent transparent transparent;
}
.c-responsive-megamenu__secondary-menu-item-icon
{
    width: 1.8rem;
    margin-right: 1.2rem;
}
.c-responsive-megamenu__stock-index-language-container
{
    padding: 2.5rem 2.3rem;

    border-top: .1rem solid #3b3e4d;
    background-color: #070d1d;
}
.c-responsive-megamenu__stock-index-current-time-container
{
    display: flex;

    margin-bottom: 3rem; 

    align-items: center;
}
.c-responsive-megamenu__current-time
{
    font-size: 1rem;
    line-height: 1.23; 

    text-align: right;

    color: #84899f;

    flex: 1;
}
.c-responsive-megamenu__stock-index-container
{
    flex: 1;
}
.c-responsive-megamenu__stock-name
{
    font-size: 1.3rem;
    line-height: 1.23;

    text-transform: uppercase; 

    color: #fff;
}
.c-responsive-megamenu__stock-value
{
    font-size: 1.3rem;
    line-height: 1.23;

    margin-left: 1.7rem;

    text-transform: uppercase; 

    color: #fff;
}
.c-responsive-megamenu__stock-value::before
{
    font-size: 1.7rem;

    margin-right: .7rem;

    vertical-align: middle; 

    color: #126330;
}
.c-responsive-megamenu__stock-value--up
{
    color: #126330;
}
.c-responsive-megamenu__stock-value--up::before
{
    font-family: 'icomoon' !important;

    content: '';

    color: #126330;
}
.c-responsive-megamenu__stock-value--down
{
    color: #8f3d14;
}
.c-responsive-megamenu__stock-value--down::before
{
    font-family: 'icomoon' !important;

    content: '';

    color: #8f3d14;
}
.c-responsive-megamenu__user-type-container
{
    position: relative; 

    flex: 1;
}
.c-responsive-megamenu__user-type-button
{
    font-size: 1.3rem;
    font-weight: 500;

    position: relative;

    display: block;

    width: 100%;
    height: 5.4rem;
    padding-right: 2.5rem;
    padding-left: 1.5rem;

    transition: max-height 0s ease-in-out; 
    text-align: left;
    letter-spacing: .2rem;

    color: #fff;
    border: 0;
    border-radius: .4rem;
    background-color: rgba(255, 255, 255, .07);
}
.c-responsive-megamenu__user-type-button::after
{
    position: absolute;
    top: 50%;
    right: 1.2rem;

    width: 0;
    height: 0;

    content: '';
    transition: max-height 0s ease-in-out; 
    transform: translateY(-50%);

    border-width: .4rem .4rem 0 .4rem;
    border-style: solid;
    border-color: #84899f transparent transparent transparent;
}
.c-responsive-megamenu__user-type-button--opened::after
{
    transform: translateY(-50%) rotate(180deg);
}
.c-responsive-megamenu__user-type-button:hover
{
    background-color: rgba(255, 255, 255, .07);
}
.c-responsive-megamenu__user-type-button-ellipsis
{
    letter-spacing: .1rem;
}
.c-responsive-megamenu__user-type-button-hidden-content
{
    position: absolute;
    z-index: 10;
    top: 5.4rem;
    left: 0;

    display: none; 
    overflow-y: scroll;

    width: 100%;
    max-height: 14rem;

    border-bottom-right-radius: .3rem;
    border-bottom-left-radius: .3rem;
    background-color: #222e49;
}
.c-responsive-megamenu__user-type-button-hidden-content--opened
{
    display: block;
}
.c-responsive-megamenu__user-type-button-hidden-content-link
{
    font-size: 1.3rem; 

    display: block;

    width: 100%;
    padding: 1rem 1.5rem;

    color: #fff;
}
.c-responsive-megamenu__user-type-button-hidden-content-link:hover
{
    color: #fff;
}
.c-responsive-megamenu__languages-selection-container
{
    display: flex;

    padding: 3.4rem;

    text-transform: uppercase; 

    background-color: #02143a;

    justify-content: center;
}
.c-responsive-megamenu__language-link
{
    font-size: 1.3rem;
    line-height: 1.23; 

    position: relative;

    display: block;

    letter-spacing: .04rem;

    color: #fff;
}
.c-responsive-megamenu__language-link--active::after
{
    position: absolute;
    bottom: -.5rem;
    left: 0;

    width: 100%;
    height: .2rem;

    content: ''; 

    background-color: #255b8e;
}
.c-responsive-megamenu__language-link + .c-responsive-megamenu__language-link
{
    margin-left: 3.8rem;
}
.c-responsive-megamenu__login-btn-container
{
    margin-bottom: 8rem; 

    border-top: .1rem solid #112753;
}
.c-responsive-megamenu__login-btn
{
    font-size: 1.3rem;
    line-height: 1.23;

    position: relative;

    display: inline-block;
    display: flex;
    flex-direction: row;

    width: 100%;
    min-height: 4.5rem;
    padding-top: 3rem;
    padding-bottom: 3rem; 

    text-align: center;
    letter-spacing: .04rem;

    color: #fff;
    border: none;
    background: transparent;

    align-items: center;
    justify-content: center;
}
.c-responsive-megamenu__login-btn-img
{
    width: 1.8rem;
    height: auto;
    margin-right: .8rem;
}
.c-responsive-megamenu__login-btn-img--no-margin
{
    margin: 0;
}

.c-reponsive-megasubmenu
{
    position: fixed;
    z-index: 201;
    top: 5.7rem;
    left: 0;

    display: none;
    overflow-y: scroll; 

    width: 100%;
    height: 100%;

    background-color: #1b1d27;
}
.c-reponsive-megasubmenu__companies-wrapper .c-btn.c-btn--arrow-btn-absolute::after,
.c-reponsive-megasubmenu__joint-ventures-wrapper .c-btn.c-btn--arrow-btn-absolute::after
{
    top: 50%;

    transform: translateY(-125%);
}
.c-reponsive-megasubmenu__products-services .c-reponsive-megasubmenu__search-label
{
    margin-top: 3.8rem;
}
.c-reponsive-megasubmenu__joint-ventures-wrapper
{
    padding-top: 1rem; 

    background-color: rgba(59, 62, 77, .2);
}
.c-reponsive-megasubmenu__worldwide__section
{
    padding: 1rem 0 4rem;

    background-color: rgba(59, 62, 77, .2);
}
.c-reponsive-megasubmenu__worldwide__section .c-reponsive-megasubmenu__links-section
{
    margin-top: 1rem;
}
.c-reponsive-megasubmenu__worldwide__buttons-container
{
    margin-top: 0 !important;
}
.c-reponsive-megasubmenu__worldwide__buttons-container .c-btn
{
    padding: 1.9rem 2rem;
}
.c-reponsive-megasubmenu--opened
{
    display: block;
}
.c-reponsive-megasubmenu__current-section-title
{
    font-size: 1.4rem;
    line-height: 1.8;

    position: relative;

    display: block;

    margin-top: 2rem;
    margin-left: 1.2rem;
    padding: 0;
    padding-left: 6rem;

    letter-spacing: .6rem;
    text-transform: uppercase; 

    color: #a1a5b9;
    border: none;
    background: none;
}
.c-reponsive-megasubmenu__current-section-title::before
{
    font-family: 'icomoon' !important;
    font-size: 2.2rem;

    position: absolute;
    top: 50%;
    left: 0;

    display: inline-block;

    content: '';
    transform: translateY(-50%) rotate(180deg);
    vertical-align: middle; 

    color: #a1a5b9;
}
.c-reponsive-megasubmenu__links-section
{
    margin-top: 3.8rem; 
    padding: 0 2rem;
}
.c-reponsive-megasubmenu__links-section--small-margin
{
    margin-top: 1rem;
}
.c-reponsive-megasubmenu__links-section .c-btn
{
    margin-top: 3.5rem;

    color: #fff;
}
.c-reponsive-megasubmenu__links-section .c-btn::after
{
    color: #fff;
}
.c-reponsive-megasubmenu__main-link
{
    font-size: 2.2rem;
    line-height: 1.36; 

    display: block;

    letter-spacing: .06rem;

    color: #7fb8e7;
}
.c-reponsive-megasubmenu__main-link--white
{
    color: #fff;
}
.c-reponsive-megasubmenu__main-link:hover
{
    color: #7fb8e7;
}
.c-reponsive-megasubmenu__link
{
    font-size: 1.6rem;

    display: block;

    margin-top: 2.5rem;

    letter-spacing: .06rem; 

    color: #d1d6e6;
}
.c-reponsive-megasubmenu__link:hover
{
    color: #d1d6e6;
}
.c-reponsive-megasubmenu__search-label
{
    font-size: 2.2rem;
    line-height: 1.36; 

    margin: 0;
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding: 0 2rem;

    color: #fff;
}
.c-reponsive-megasubmenu__search-label--large-padding
{
    padding-top: 2rem;
    padding-bottom: 0rem;
}
.c-reponsive-megasubmenu__search-label--x-large-padding
{
    padding-top: 2rem;
}
.c-reponsive-megasubmenu__search-label strong
{
    font-weight: normal; 

    color: #7fb8e7;
}
.c-reponsive-megasubmenu__search-label strong::after
{
    color: #fff;
}
.c-reponsive-megasubmenu__searchbar-container
{
    padding: 2rem 2rem 0 2rem;
}
.c-reponsive-megasubmenu__searchbar-container .c-btn
{
    padding-top: 3rem !important;
    padding-bottom: 1rem !important;
}
.c-reponsive-megasubmenu__searchbar-container .c-btn.c-btn--arrow-btn-absolute
{
    margin-top: 1.3rem;

    color: #fff;
}
.c-reponsive-megasubmenu__searchbar-container .c-btn.c-btn--arrow-btn-absolute::after
{
    color: #fff;
}
.c-reponsive-megasubmenu__searchbar-container__worldwide
{
    padding-bottom: 3rem;
}
.c-reponsive-megasubmenu__searchbar-wrapper-dark
{
    padding-top: .2rem;
    padding-bottom: 4rem;

    background-color: #21232e;
}
.c-reponsive-megasubmenu__searchbar-wrapper-dark--large-padding
{
    padding-top: 3rem;
}
.c-reponsive-megasubmenu__main-links-container
{
    padding: 2.2rem 2.2rem;
}
.c-reponsive-megasubmenu__main-links-container .c-reponsive-megasubmenu__main-link + .c-reponsive-megasubmenu__main-link
{
    margin-top: 2rem;
}
.c-reponsive-megasubmenu__main-links-container--finance,
.c-reponsive-megasubmenu__main-links-container--carrers,
.c-reponsive-megasubmenu__main-links-container--news
{
    padding-top: 3.8rem; 
    padding-bottom: 4rem;
}
.c-reponsive-megasubmenu__main-links-container--news
{
    padding-top: 2.8rem;
}
.c-reponsive-megasubmenu__links-surtitle
{
    font-size: 1.6rem;
    font-style: italic; 
    line-height: 1.25;

    margin: 0;
    margin-bottom: 2rem;

    letter-spacing: .06rem;

    color: #a1a5b9;
}
.c-reponsive-megasubmenu__link-hashtag
{
    font-size: 1.3rem;
    line-height: 1.23;

    display: block;

    letter-spacing: .05rem;

    color: #a1a5b9;
}
.c-reponsive-megasubmenu__link-item
{
    display: flex;

    max-width: 32.6rem;
    margin-top: 5.2rem; 

    align-items: flex-start;
}
.c-reponsive-megasubmenu__link-item .c-btn.c-btn--text-button
{
    display: block;

    text-align: left; 

    color: #7fb8e7;
}
.c-reponsive-megasubmenu__link-item .c-btn.c-btn--text-button::before
{
    display: block;
}
.c-reponsive-megasubmenu__link-item:hover .c-header-hidden-content__link-item-text-container
{
    color: #fff;
}
.c-reponsive-megasubmenu__link-item:hover .c-btn.c-btn--text-button
{
    padding-left: 8rem;

    color: #7fb8e7;
}
.c-reponsive-megasubmenu__link-item:hover .c-btn.c-btn--text-button::before
{
    width: 6rem;
}
.c-reponsive-megasubmenu__link-item-icon
{
    width: 4.2rem;
    min-width: 4.2rem; 
    height: 4.2rem;
}
.c-reponsive-megasubmenu__link-item-text-container
{
    font-size: 1.9rem;
    line-height: 1.21; 

    margin-left: 3rem;

    letter-spacing: .05rem;

    color: #d1d6e6;
}
.c-reponsive-megasubmenu__link-items-container
{
    padding: 3rem 3rem;
    padding-top: .1rem; 

    background-color: #21232e;
}
.c-reponsive-megasubmenu__buttons-container
{
    margin-top: 3.4rem;
    padding: 4rem 2.2rem;
    padding-bottom: 10rem;

    background-color: #3b3e4d;
}
.c-reponsive-megasubmenu__buttons-container--grey
{
    background-color: rgba(59, 62, 77, .2);
}
.c-reponsive-megasubmenu__buttons-container--black
{
    background-color: #141d29;
}
.c-reponsive-megasubmenu__buttons-container--no-margin
{
    margin-top: 0;
}
.c-reponsive-megasubmenu__buttons-container--no-padding
{
    padding-top: 0;
}
.c-reponsive-megasubmenu__buttons-container .c-btn
{
    width: 100%;
    height: 5.6rem;
}
.c-reponsive-megasubmenu__buttons-container .c-btn + .c-btn
{
    margin-top: 3rem;
}

.c-language-selector
{
    position: relative;

    width: 100%;
    min-width: 6.8rem;
    height: 5.4rem;

    background-color: #02143a;
}
.c-language-selector--active
{
    z-index: 999;

    border-bottom: 1px solid rgba(255, 255, 255, .2);
}
.c-language-selector--active .c-language-selector__current-language
{
    background-color: #255b8e;
}
.c-language-selector--active .c-language-selector__current-language::after
{
    transform: translateY(-70%) rotate(180deg);
}
.c-language-selector--active .c-language-selector__languages-list
{
    visibility: visible; 

    max-height: 100vh;

    transition: all .3s ease-in-out;
}
.c-language-selector__current-language
{
    font-size: 1.3rem;
    line-height: 1.23;

    position: relative;

    display: block;

    width: 100%;
    height: 100%;
    padding-right: 2.2rem;

    letter-spacing: .04rem;
    text-transform: uppercase; 

    color: #fff;
    border: none;
    background-color: transparent;
}
.c-language-selector__current-language::after
{
    position: absolute;
    top: 50%;
    right: 1.8rem;

    width: 0;
    height: 0;
    margin-left: .6rem;

    content: '';
    transition-duration: .5s;
    transition-property: transform; 
    transform: translateY(-50%) rotate(0);

    border-width: .4rem .4rem 0 .4rem;
    border-style: solid;
    border-color: #bcbfcf transparent transparent transparent;
}
.c-language-selector__languages-list
{
    position: absolute;
    z-index: 101;
    z-index: 999; 
    bottom: 0;
    left: 0;

    visibility: hidden;
    overflow-y: hidden;

    width: 100%;
    max-height: 0;

    transition: all .8s ease-in-out;
    transform: translateY(100%);
}
.c-language-selector__option
{
    font-size: 1.3rem;
    line-height: 1.23;

    display: block;

    width: 100%;
    padding: 1.7rem 0;

    text-align: center;
    letter-spacing: .04rem;
    text-transform: uppercase;

    color: #fff;
    border-top: 1px solid rgba(255, 255, 255, .2); 
    background-color: #1b1d27;
}
.c-language-selector__option:hover
{
    color: #fff; 
    background-color: #255b8e;
}
.c-language-selector__option--disabled
{
    color: rgba(255, 255, 255, .4);
}
.c-language-selector__option--disabled:hover
{
    color: rgba(255, 255, 255, .4);
    background-color: #1b1d27;
}

.c-product-sticky-card
{
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;

    width: 100%;
    width: 1;

    transition: all .3s ease-in-out; 
    transform: none;
    transform: translateY(-100%);

    opacity: 1;
    background-color: rgba(255, 255, 255, .92);
}
.c-product-sticky-card .c-layer
{
    padding: 0;

    transition: all .3s ease-in-out;
}
.c-product-sticky-card.sticky
{
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;

    width: 100%;

    transform: translateY(0);
    transform: none;

    opacity: 1;
}
.c-product-sticky-card.sticky .c-layer
{
    padding: 0;
}
.c-product-sticky-card.sticky .c-product-sticky-card__content
{
    box-shadow: 0 .8rem 1.3rem 0 rgba(37, 91, 142, .2);
}
.c-product-sticky-card.sticky .c-product-sticky-card__title
{
    margin-bottom: 0;
}
.c-product-sticky-card__content
{
    display: flex;

    padding: 1.4rem 4rem;

    transition: all .3s ease-in-out; 

    align-items: center;
    justify-content: space-between;
}
.c-product-sticky-card__title
{
    font-size: 2.8rem;
    line-height: 1.3;

    margin-top: 0; 

    transition: all .3s ease-in-out;

    color: #141d29;
}
.c-product-sticky-card__link
{
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 2;

    letter-spacing: .2rem;
    text-transform: uppercase; 

    color: #255b8e;
}
.c-product-sticky-card__link:not(:last-child)
{
    padding-right: 1.5rem;

    border-right: .1rem solid #a4acbc;
}
.c-product-sticky-card__link:not(:first-child)
{
    padding-left: 1.5rem;
}
.c-product-sticky-card__buttons-container
{
    display: flex;

    padding-left: 2rem; 

    flex: 1;
    justify-content: flex-end;
    align-items: center;
}
.c-product-sticky-card__buttons-container .c-btn:not(:first-child)
{
    margin-left: 1rem;
}
.c-product-sticky-card__buttons-container .c-btn
{
    min-width: 31rem; 
    padding-right: 2rem;
    padding-left: 2rem;
}
@media (max-width: 63.99em)
{
    .c-product-sticky-card
    {
        top: 10rem; 

        display: none;
    }
    .c-product-sticky-card__content
    {
        display: block;
    }
    .c-product-sticky-card__buttons-container .c-btn
    {
        display: block;

        width: 100%;
        margin-top: 1rem;
    }
    .c-product-sticky-card__buttons-container .c-btn:not(:first-child)
    {
        margin-left: 0;
    }
}

.c-separator-mobile
{
    display: none;

    padding-bottom: 4rem;
}
@media (max-width: 47.99em)
{
    .c-separator-mobile
    {
        display: block;
    }
}
.c-separator-mobile__line
{
    width: .1rem;
    height: 14rem;
    margin: auto;

    background-color: #e7eaf2;
}
.c-separator-mobile--desktop
{
    display: block;
}
.c-separator-mobile--desktop .c-separator-mobile__line
{
    height: 12.5rem;
}
@media (max-width: 47.99em)
{
    .c-separator-mobile--desktop .c-separator-mobile__line
    {
        height: 6rem;
    }
}

.c-search-page-title
{
    font-size: 3.6rem;
    font-weight: 400;
    line-height: 1.2;

    padding-top: 21.1rem;
    padding-bottom: 6.6rem;

    color: #141d29;
    background-color: #f9fafc;
}
.c-search-page-title--new,
.c-search-page-title--events
{
    background: #fff;
}
.c-search-page-title--search-engine
{
    padding-top: 9.6rem !important;
}
@media (min-width: 64em)
{
    .c-search-page-title--search-engine
    {
        padding-top: 17.1rem !important;

        background-color: #fff;
    }
}
@media (min-width: 87.5em)
{
    .c-search-page-title--search-engine
    {
        padding-top: 21.1rem !important;
    }
}
.c-search-page-title--events
{
    padding-top: 9rem;
}
@media (max-width: 63.99em)
{
    .c-search-page-title
    {
        padding-top: 11.8rem;
        padding-bottom: 3rem;
    }
}
.c-search-page-title__title
{
    margin: 0;
}
@media (max-width: 63.99em)
{
    .c-search-page-title__title
    {
        font-size: 2.4rem;
        line-height: 1.24;
    }
}

body.press-contact-page .c-search-page-title,
body.all-companies-page .c-search-page-title,
body.list_companies .c-search-page-title
{
    padding-bottom: 0;
}
@media (max-width: 87.49em)
{
    body.press-contact-page .c-search-page-title,
    body.all-companies-page .c-search-page-title,
    body.list_companies .c-search-page-title
    {
        padding-top: 17.1rem;
    }
}
@media (max-width: 63.99em)
{
    body.press-contact-page .c-search-page-title,
    body.all-companies-page .c-search-page-title,
    body.list_companies .c-search-page-title
    {
        padding-top: 11.7rem;
    }
}
@media (max-width: 47.99em)
{
    body.press-contact-page .c-search-page-title,
    body.all-companies-page .c-search-page-title,
    body.list_companies .c-search-page-title
    {
        padding-top: 9.6rem;
    }
}

.c-responsive-filters-navigation
{
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: none;

    height: 100%;

    background-color: #fff;
}
.c-responsive-filters-navigation--visible
{
    display: block;
}
.c-responsive-filters-navigation__navigation
{
    display: flex;

    height: 5.6rem; 
    padding: 0 2rem;

    background-color: rgba(27, 29, 39, .9);

    justify-content: space-between;
    align-items: center;
}
.c-responsive-filters-navigation__navigation-title
{
    font-size: 1.3rem;
    font-weight: 600; 
    line-height: 1.6rem;

    letter-spacing: .28rem;
    text-transform: uppercase;

    color: #fff;
}
.c-responsive-filters-navigation__prev-btn
{
    visibility: hidden; 

    padding-right: 6px;
    padding-left: 6px;

    border: none;
    background: none;
}
.c-responsive-filters-navigation__prev-btn--visible
{
    visibility: visible;
}
.c-responsive-filters-navigation__prev-btn-icon
{
    width: 2.2rem;

    transform: rotate(180deg);
}
.c-responsive-filters-navigation__close-btn
{
    line-height: 1; 

    padding-right: 6px;
    padding-left: 6px;

    border: none;
    background: none;
}
.c-responsive-filters-navigation__close-btn-icon
{
    width: 2.2rem;
}
.c-responsive-filters-navigation__content-wrapper
{
    overflow-y: scroll;

    width: 100%;
    height: calc(100vh - 13rem);
    padding: 3rem 0;
}
.c-responsive-filters-navigation__content-wrapper .c-tag-filters
{
    padding: 1rem 2rem;
}
.c-responsive-filters-navigation__main-filter-btn
{
    position: relative;

    display: block;

    width: 100%;
    margin-bottom: 2.8rem;
    padding: 0;
    padding-right: 2.5rem; 
    padding-left: 2.2rem;

    text-align: left;

    border: none;
    background: none;
}
.c-responsive-filters-navigation__main-filter-btn::after
{
    position: absolute;
    top: 50%;
    right: 2.5rem;

    content: '';
    transform: translateY(-50%) rotate(-90deg); 

    border-width: .4rem .4rem 0 .4rem;
    border-style: solid;
    border-color: #bcbfcf transparent transparent transparent;
}
.c-responsive-filters-navigation__main-filter-btn.c-disabled
{
    pointer-events: none;

    opacity: .5;
}
.c-responsive-filters-navigation__main-filter-btn-header
{
    display: flex;

    align-items: center;
}
.c-responsive-filters-navigation__main-filter-btn-header-title
{
    font-size: 1.6rem;
    font-weight: 500; 
    line-height: 2.67rem;

    letter-spacing: .26rem;
    text-transform: uppercase;

    color: #1b1d27;
}
.c-responsive-filters-navigation__main-filter-btn-header-badge
{
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 2.1rem;

    display: flex;

    min-width: 2rem;
    height: 2rem;
    margin-left: 1rem;
    padding: 0 .2rem;

    letter-spacing: .2rem;

    color: #fff;
    border-radius: .2rem;
    background-color: #255b8e;

    align-items: center;
    justify-content: center;
}
.c-responsive-filters-navigation__main-filter-btn-description
{
    font-size: 1.4rem;
    line-height: 1.28;

    overflow: hidden;

    margin: 0;
    padding-right: 3.4rem; 

    white-space: nowrap;
    letter-spacing: .053rem;
    text-overflow: ellipsis;

    color: #525668;
}
.c-responsive-filters-navigation__text-input-container
{
    padding: 0 2rem;
}
.c-responsive-filters-navigation__text-input-container input
{
    font-size: 1.4rem;

    display: block;

    width: 100%;
    padding: 1.6rem 2rem;
    padding-bottom: 1.7rem;

    transition: border-color .3s; 

    color: #1b1d27;
    border: solid .1rem #bcbfcf;
    border-radius: 0;
    background-color: #fff;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
.c-responsive-filters-navigation__checkboxes-container
{
    padding: 0 2rem;
    padding-top: 2.9rem;
}
.c-responsive-filters-navigation__checkboxes-container .c-checkbox
{
    padding-bottom: 2.7rem;
    padding-left: 3.2rem;
}
.c-responsive-filters-navigation__checkboxes-container .c-checkbox__checkmark
{
    top: .6rem;
}
.c-responsive-filters-navigation__footer
{
    position: fixed;
    z-index: 100; 
    bottom: 60px;
    left: 0;

    display: flex;

    width: 100%;
    padding: 2rem;

    background-color: rgba(255, 255, 255, .95);

    justify-content: space-between;
    align-items: center;
}
.c-responsive-filters-navigation__footer .c-btn--primary-input-type-submit
{
    margin-left: auto;
}
@media (max-width: 29.99em)
{
    .c-responsive-filters-navigation__footer .c-btn--primary-input-type-submit--input
    {
        padding: 2rem 1.7rem;
    }
}
@media screen and (max-width: 380px)
{
    .c-responsive-filters-navigation__footer .c-btn.c-btn--primary-input-type-submit--input
    {
        padding: 2rem 1rem;
    }
}
.c-responsive-filters-navigation__footer .c-btn--reset
{
    padding: 0 1rem;
}
.c-responsive-filters-navigation__footer .c-btn--reset::before
{
    margin: 0;
}
.c-responsive-filters-navigation__footer .c-btn--primary
{
    min-height: 5.6rem; 
    padding: 1.7rem 2rem;
}
.c-responsive-filters-navigation__select-item
{
    padding: 2rem 3rem;
}

.c-product-scroll-highlight
{
    position: fixed;
    z-index: 1;
    bottom: 0rem;
    left: 8rem;

    width: 15.1rem;
    height: 2rem;

    transition: opacity .3s linear; 
    transform: rotate(-90deg);
    transform-origin: bottom left;
}
.c-product-scroll-highlight--hidden
{
    z-index: -1; 

    opacity: 0;
}
@media (max-width: 63.99em)
{
    .c-product-scroll-highlight
    {
        display: none;
    }
}
.c-product-scroll-highlight__line
{
    position: absolute;
    top: calc(50% + .1rem);
    left: 0;

    width: 8.3rem;
    height: .1rem;

    animation-name: c-product-scroll-highlight-animation;
    animation-duration: 1.8s;
    animation-timing-function: ease-in-out; 
    animation-iteration-count: infinite;

    background-color: #a1a5b9;
}
.c-product-scroll-highlight__text
{
    font-size: 1.6rem;

    position: absolute;
    top: 50%;
    left: calc(9.3rem);

    transform: translateY(-50%);
    letter-spacing: .06rem;

    color: #d1d6e6;
}

.c-news-header
{
    padding-top: 7.7rem;

    background-color: #f9fafc;
}
@media (min-width: 64em)
{
    .c-news-header
    {
        padding-top: 13.2rem;
    }
}
.c-news-header .c-news-header-container
{
    padding: 15.7rem 12rem 8rem 12rem;
}
@media (max-width: 63.99em)
{
    .c-news-header .c-news-header-container
    {
        padding: 6rem 4rem 4rem 4rem;
    }
}
@media (max-width: 48em)
{
    .c-news-header .c-news-header-container
    {
        padding: 4rem 2rem;
    }
}
.c-news-header__title
{
    margin-bottom: 2rem;
}
@media (max-width: 63.99em)
{
    .c-news-header__title
    {
        font-size: 2.4rem;
    }
}
.c-news-header__author
{
    display: flex;
    flex-direction: row-reverse;

    padding: 1rem 0; 

    align-items: center;
    justify-content: flex-end;
}
@media (min-width: 64em)
{
    .c-news-header__author
    {
        flex-direction: row;

        padding: 0;
    }
}
@media (min-width: 64em)
{
    .c-news-header__author__container
    {
        display: flex;

        height: 100%;

        justify-content: flex-end;
        align-items: flex-end;
    }
}
.c-news-header__author__infos
{
    display: flex;
    flex-direction: column;

    text-align: left;

    flex-basis: calc(100% - 80px);
}
@media (min-width: 64em)
{
    .c-news-header__author__infos
    {
        text-align: right;
    }
}
.c-news-header__author__infos__name
{
    font-size: 1.6rem;
    line-height: 1.25; 

    margin-bottom: .3rem;

    letter-spacing: .6px;

    color: #525668;
}
.c-news-header__author__infos__job
{
    font-size: 1.3rem;
    line-height: 2rem; 

    letter-spacing: .49px;

    color: #525668;
}
.c-news-header__author__img
{
    overflow: hidden;

    width: 8rem;
    height: 8rem;
    margin: 2rem 2rem 2rem 0;

    border-radius: 50%;
}
@media (min-width: 64em)
{
    .c-news-header__author__img
    {
        margin: 1rem 0 1rem 2rem;
    }
}
.c-news-header__author__img--visual
{
    width: 8rem;
    height: 8rem;

    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: left top;
       object-position: left top;
}
.c-news-header .infos
{
    display: flex;
    flex-direction: row;
}
.c-news-header .infos > *
{
    padding-right: 3rem;
}

.c-audio-container
{
    padding: 8rem 0rem 0rem;

    text-align: center;
}
.c-audio-container--image
{
    width: 280px;
    max-width: 90%; 
    height: auto;
    margin: auto;
    margin-bottom: 4rem;
}
.c-audio-container--image img
{
    width: 100%;
    height: auto;
}
.c-audio-container--title
{
    margin-bottom: 4rem;
}
.c-audio-container--title h1
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 3.6rem;
    font-weight: 400;
    line-height: 4.2rem;

    margin: 0;

    letter-spacing: 0;

    color: #fff;
}

.c-audio-item
{
    position: relative;

    max-width: 85rem;
    margin: 2rem auto;
}
@media (min-width: 64em)
{
    .c-audio-item
    {
        margin: 3rem auto;
    }
}
.c-audio-item__player
{
    display: flex;
    overflow: hidden;
    flex-direction: row;

    border-radius: 3px;
    background-color: #073a7c;
    box-shadow: 0 8px 13px 0 rgba(15, 96, 167, .2);
}
.c-audio-item__player__controls
{
    display: flex;
    flex-direction: column;

    padding: 2rem;

    background-color: #112753; 

    flex: 0 1 50%;
    align-items: center;
    justify-content: center;
}
@media (min-width: 64em)
{
    .c-audio-item__player__controls
    {
        flex-direction: row;

        padding: 2rem 1.5rem; 

        flex: 0 1 25.2rem;
        align-items: center;
        justify-content: flex-start;
    }
}
.c-audio-item__player__controls__buttons
{
    display: flex;
    flex-direction: row;

    align-items: center;
    justify-content: center;
}
.c-audio-item__player__controls__btn
{
    position: relative;

    display: flex;

    width: 4.5rem;
    height: 4.5rem;

    cursor: pointer;
    transition: all .3s ease-in-out; 

    border: .3rem solid #fff;
    border-radius: 50%;
    background-color: transparent;

    align-items: center;
    justify-content: center;
}
@media (min-width: 64em)
{
    .c-audio-item__player__controls__btn
    {
        width: 6.4rem;
        height: 6.4rem;
    }
    .c-audio-item__player__controls__btn:hover
    {
        background-color: rgba(255, 255, 255, .1);
    }
    .c-audio-item__player__controls__btn:hover::after
    {
        opacity: .8;
    }
}
.c-audio-item__player__controls__btn::after
{
    position: absolute;
    top: -.1rem;
    left: -.1rem;

    display: block;

    width: calc(100% + .2rem);
    height: calc(100% + .2rem);

    content: '';
    transition: opacity .3s ease-in-out; 

    opacity: 0;
    border: .2rem solid #fff;
    border-radius: 50%;
}
.c-audio-item__player__controls__btn--play
{
    position: relative;
}
.c-audio-item__player__controls__btn--play--icon
{
    font-size: 2.5rem; 

    position: relative;
    z-index: 9;

    display: none;

    color: #fff;
}
@media (min-width: 87.5em)
{
    .c-audio-item__player__controls__btn--play--icon
    {
        font-size: 3rem;
    }
}
.c-audio-item__player__controls__btn--play .c-audio-item__player__controls__btn--play--icon
{
    display: block;
}
.c-audio-item__player__controls__btn--prev,
.c-audio-item__player__controls__btn--next
{
    display: none; 

    margin: 0 10px;
}
.c-audio-item__player__controls__btn--prev--icon,
.c-audio-item__player__controls__btn--next--icon
{
    font-size: 2.5rem; 

    position: relative;
    z-index: 9;

    color: #fff;
}
@media (min-width: 87.5em)
{
    .c-audio-item__player__controls__btn--prev--icon,
    .c-audio-item__player__controls__btn--next--icon
    {
        font-size: 3rem;
    }
}
.c-audio-item__player__controls__buttons--pause .c-audio-item__player__controls__btn--prev,
.c-audio-item__player__controls__buttons--play .c-audio-item__player__controls__btn--prev,
.c-audio-item__player__controls__buttons--pause .c-audio-item__player__controls__btn--next,
.c-audio-item__player__controls__buttons--play .c-audio-item__player__controls__btn--next
{
    display: block;
}
.c-audio-item__player__controls__btn--pause
{
    position: relative;
}
.c-audio-item__player__controls__btn--pause--icon
{
    font-size: 2.5rem; 

    position: relative;
    z-index: 9;

    display: none;

    color: #fff;
}
@media (min-width: 87.5em)
{
    .c-audio-item__player__controls__btn--pause--icon
    {
        font-size: 3rem;
    }
}
.c-audio-item__player__controls__btn--pause .c-audio-item__player__controls__btn--pause--icon
{
    display: block;
}
.c-audio-item__player__controls__btn--replay
{
    position: relative;
}
.c-audio-item__player__controls__btn--replay--icon
{
    display: none;

    width: 20px;
    height: 17px;

    background: url('../../public/images/icons/replay.svg') no-repeat;
    background-size: 100% auto; 

    flex: 0 0 20px;
}
@media (min-width: 87.5em)
{
    .c-audio-item__player__controls__btn--replay--icon
    {
        width: 30px;
        height: 27px; 

        flex: 0 0 30px;
    }
}
.c-audio-item__player__controls__btn--replay .c-audio-item__player__controls__btn--replay--icon
{
    display: block;
}
.c-audio-item__player__controls__time
{
    font-size: 1.4rem;

    min-height: 3.5rem; 
    padding-top: 1rem;

    color: #fff;
}
@media (min-width: 64em)
{
    .c-audio-item__player__controls__time
    {
        font-size: 1.6rem;
        line-height: 2.6rem;

        min-height: 2.6rem; 
        padding-top: 0;
        padding-left: 1.5rem;
    }
}
.c-audio-item__player__timeline
{
    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    height: .5rem;

    opacity: 0;
    background-color: #fff;
}
.c-audio-item__player__timeline__playhead
{
    position: relative;

    width: .3rem;
    height: 1.4rem;

    cursor: pointer;
    transform: translateY(-100%);

    box-shadow: 0 5px 10px 4px rgba(59, 135, 204, .3);
}
.c-audio-item__player__timeline__playhead::after
{
    position: absolute;
    top: 0;
    bottom: -.5rem;
    left: 0;

    width: .3rem;

    content: ''; 

    background-color: #255b8e;
}
.c-audio-item__player__timeline--current
{
    position: absolute;
    top: 0;
    left: 0;

    width: 0;
    height: .5rem;

    background-color: #255b8e;
}
.c-audio-item__player__title
{
    font-size: 1.6rem;
    line-height: 2.2rem;

    display: flex;

    padding: 2rem;

    text-align: left; 
    letter-spacing: .04rem;

    color: #fff;

    flex: 0 1 66.6%;
    align-items: center;
    justify-content: flex-end;
}
@media (min-width: 64em)
{
    .c-audio-item__player__title
    {
        font-size: 2.2rem;
        line-height: 3rem;

        padding: 2rem 4rem;

        text-align: right; 
        letter-spacing: .06rem;
    }
}
.c-audio-item--full
{
    max-width: 100%;
    margin: 2rem auto 0;
}
@media (min-width: 64em)
{
    .c-audio-item--full
    {
        margin: 3rem auto 0;
    }
}
.c-audio-item--full .c-audio-item__player
{
    flex-direction: column;

    border-radius: 0;
    background-color: transparent;
    box-shadow: none; 

    justify-content: center;
}
.c-audio-item--full .c-audio-item__player__controls
{
    flex-direction: column;

    margin-bottom: 20px; 

    background-color: transparent;

    justify-content: center;
    flex-basis: 0;
}
.c-audio-item--full .c-audio-item__player__controls__time
{
    margin-top: 10px;
    padding: 0;
}
.c-audio-item__list
{
    max-width: 100%;
    margin: 0 auto;
}
.c-audio-item__list-item
{
    display: flex;
    flex-direction: column;

    max-width: 100%; 
    padding: 3rem 0;

    color: inherit !important;
    border-bottom: 1px solid #fff;
}
.c-audio-item__list-item__aside
{
    position: relative;

    height: 215px; 
    margin-bottom: 1rem;
}
.c-audio-item__list-item__aside__spotlight
{
    position: relative;

    margin-bottom: 3rem;
}
.c-audio-item__list-item__aside__img
{
    position: relative;
    z-index: 1;

    width: 100%;
    max-width: 100%; 
    height: 100%;
}
.c-audio-item__list-item__aside__img img
{
    z-index: 3; 

    width: auto;
    height: 100%;
}
.c-audio-item__list-item__aside__img .player
{
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;

    display: flex;

    width: 4.2rem;
    height: 4.2rem;

    transition: all .5s; 
    transform: translate(-50%, -50%);

    border: .3rem solid #fff;
    border-radius: 4.5rem;
    box-shadow: 0 .6rem 1rem 0 rgba(0, 0, 0, .4);

    align-items: center;
    justify-content: center;
}
.c-audio-item__list-item__aside__img .player:after
{
    display: block;

    box-sizing: border-box;
    width: 1rem;
    height: 1rem;
    margin-left: .5rem;

    content: ''; 

    border-width: .5rem 0 .5rem .75rem;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
}
@media (max-width: 47.99em)
{
    .c-audio-item__list-item__aside__img .player
    {
        width: 6.8rem;
        height: 6.8rem;

        border: .2rem solid #fff;
    }
    .c-audio-item__list-item__aside__img .player::after
    {
        width: 1rem;
        height: 1rem;
        margin-left: .2em;

        border-width: 1rem 0 1rem 1.5rem;
    }
}
.c-audio-item__list-item__aside__img:hover img
{
    border: 0; 

    filter: none;
}
.c-audio-item__list-item__aside__img.c-image-orientation__image--portrait .player:after
{
    width: 2rem;
    height: 2rem;

    border-width: 1rem 0 1rem 1.5rem;
}
@media (max-width: 47.99em)
{
    .c-audio-item__list-item__aside__img.c-image-orientation__image--portrait .player::after
    {
        width: 1rem;
        height: 1rem;
        margin-left: .2em;

        border-width: 1rem 0 1rem 1.5rem;
    }
}
.c-audio-item__list-item__aside__duration
{
    font-size: 1.2rem;
    line-height: 1.4rem;

    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;

    padding: 3px 5px; 

    letter-spacing: .6px;

    color: #fff;
    background-color: rgba(27, 29, 39, .8);
}
.c-audio-item__list-item__aside__duration img
{
    width: 13px;
    height: 13px;
    margin-right: 4px;
}
.c-audio-item__list-item__aside__duration--alt
{
    position: absolute;
    right: 0;
    bottom: 0;

    display: flex;

    width: 9.3rem;
    height: 4.8rem;
    height: 4.8rem;

    background-color: rgba(27, 29, 39, .8);

    align-items: center;
    justify-content: center;
}
@media (max-width: 47.99em)
{
    .c-audio-item__list-item__aside__duration--alt
    {
        width: 6rem;
        height: 3.4rem;
    }
    .c-audio-item__list-item__aside__duration--alt img
    {
        width: 2rem;
        height: 1.5rem;
        margin-right: 1.1rem;
    }
}
@media (max-width: 47.99em)
{
    .c-audio-item__list-item__aside__duration--alt
    {
        width: 7.4rem;
    }
}
.c-audio-item__list-item__aside__duration--alt img
{
    width: 2.3rem;
    height: 1.8rem;
    margin-right: .8rem;
}
.c-audio-item__list-item__aside__duration--alt span
{
    font-size: 1.6rem;
    line-height: 1.9rem;

    display: flex;

    letter-spacing: .6px;

    color: #fff;

    justify-content: center;
    align-items: center;
}
@media (min-width: 64em)
{
    .c-audio-item__list-item__aside
    {
        overflow: hidden;

        height: 131px;
        margin-right: 2rem;
        margin-bottom: 0; 

        flex-shrink: 0;
        flex-basis: 205px;
    }
}
.c-audio-item__list-item__main__infos
{
    font-size: 1.2rem;
    line-height: 2.5rem;

    letter-spacing: 2px;
    text-transform: uppercase;

    color: #d1d6e6;
}
.c-audio-item__list-item__main__infos span
{
    margin-left: 2.5rem; 

    color: #7fb8e7;
}
.c-audio-item__list-item__main__title
{
    font-size: 1.8rem;
    line-height: 3rem;

    transition: all .75s;
}
.c-audio-item__list-item__main__description
{
    font-size: 1.4rem;
    line-height: 2.2rem;

    transition: all .75s;
}
.c-audio-item__list-item__main__description p
{
    margin: 0;
}
.c-audio-item__list-item:hover .c-audio-item__list-item__main__title,
.c-audio-item__list-item:hover .c-audio-item__list-item__main__description
{
    color: #71a8da;
}
@media (min-width: 64em)
{
    .c-audio-item__list-item
    {
        flex-direction: row;

        padding: 2rem;

        background-color: #111827; 

        align-items: flex-start;
    }
}
.c-audio-item__list--dark
{
    color: #fff;
}
.c-audio-item__list:last-child .c-audio-item__list-item
{
    border-bottom: 0;
}

@media (max-width: 48em)
{
    .c-audio-item__player__timeline__playhead:after
    {
        box-shadow: 0 -1px 10px 4px rgba(59, 135, 204, .3);
    }
}

.c-footnotes
{
    position: relative;

    padding-left: 1.5rem;
}
.c-footnotes__index
{
    font-size: 1.3rem;
    font-weight: bold; 

    position: absolute;
    top: -.8rem;
    left: 0;

    color: #7596d4;
}
.c-footnotes__content
{
    font-size: 1.3rem;
    line-height: 1.6rem; 

    margin-bottom: 2rem;

    letter-spacing: .05rem;

    color: #84899f;
}

.c-news-author
{
    position: relative;

    display: flex;
    flex-direction: row;

    width: 100%;
    margin: 0 auto; 
    padding: 1rem 2rem 6rem 2rem;

    align-items: center;
    justify-content: flex-start;
}
@media (min-width: 64em)
{
    .c-news-author
    {
        padding: 1rem 0 8rem 0;

        border-top: .1rem solid #e7eaf2;
    }
}
.c-news-author--container
{
    position: relative;

    width: 100%;
}
.c-news-author--container a
{
    position: relative;

    display: flex;

    width: 100%;

    align-items: center;
}
.c-news-author__img
{
    overflow: hidden;

    width: 8rem;
    height: 8rem;
    margin-right: 2rem;

    border-radius: 50%;

    flex-shrink: 0;
}
@media (min-width: 64em)
{
    .c-news-author__img
    {
        margin: 1rem 2rem 1rem 0;
    }
}
.c-news-author__img--visual
{
    width: 8rem;
    height: 8rem;

    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: left top;
       object-position: left top;
}
.c-news-author__infos
{
    display: flex;
    flex-direction: column;

    text-align: left;
}
.c-news-author__infos__name
{
    font-size: 1.6rem;
    line-height: 3rem; 

    color: #525668;
}
@media (max-width: 47.99em)
{
    .c-news-author__infos__name
    {
        font-size: 1.4rem;
        line-height: 1.8rem; 

        letter-spacing: .053rem;
    }
}
.c-news-author__infos__job
{
    font-size: 1.3rem;
    line-height: 2rem; 

    color: #84899f;
}
@media (max-width: 47.99em)
{
    .c-news-author__infos__job
    {
        line-height: 1.6rem;

        margin-top: .5rem;

        letter-spacing: .049rem;
    }
}

.c-editor-text
{
    padding: 4rem; 

    color: #1b1d27;
}
.c-editor-text .c-layer--small
{
    padding: 0;
}
.c-editor-text h2
{
    font-size: 1.8rem;
    line-height: 2.4rem;

    margin: 0;

    letter-spacing: .01rem;

    color: #141d29;
}
@media (min-width: 64em)
{
    .c-editor-text h2
    {
        font-size: 2.8rem;
        line-height: 3.6rem;

        letter-spacing: 0;
    }
}
.c-editor-text p
{
    font-size: 1.6rem;
    line-height: 2.6rem;

    margin: 0;

    letter-spacing: 0;
}
.c-editor-text p strong,
.c-editor-text p b
{
    font-weight: 500;
}
html[lang='zh-hans'] .c-editor-text p strong,
html[lang='zh-hans'] .c-editor-text p b
{
    font-weight: 600;
}
.c-editor-text p:not(:first-child)
{
    margin-top: 2rem;
}
@media (min-width: 64em)
{
    .c-editor-text p
    {
        font-size: 1.8rem;
        line-height: 3rem;
    }
    .c-editor-text p:not(:first-child)
    {
        margin-top: 3rem;
    }
}
.c-editor-text ul
{
    font-size: 1.6rem;
    line-height: 2.6rem; 

    margin: 0;
    margin-top: 3.8rem;
    padding: 0;
}
@media (min-width: 64em)
{
    .c-editor-text ul
    {
        font-size: 1.8rem;
        line-height: 3rem; 

        margin-top: 2.4rem;
    }
}
.c-editor-text ul li
{
    position: relative;

    margin-top: 1.5rem;
    padding-left: 3rem;
}
.c-editor-text ul li:before
{
    position: absolute;
    top: 1.7rem;
    left: 0;

    display: block;

    width: 1rem;
    height: .1rem;

    content: '';

    background-color: #073a7c;
}
.c-editor-text ul li ul
{
    margin-top: 0;
}
.c-editor-text ul li ul > li ul
{
    margin-top: 0;
}
.c-editor-text ul li ul > li ul > li
{
    margin-top: 0;
}
@media (min-width: 64em)
{
    .c-editor-text ul li
    {
        padding-left: 4.5rem;
    }
}
.c-editor-text ol
{
    font-size: 1.6rem;
    line-height: 2.6rem;

    margin-top: 4rem; 

    counter-reset: section;
}
@media (min-width: 64em)
{
    .c-editor-text ol
    {
        font-size: 1.8rem;
        line-height: 3rem;

        margin-top: 6rem;
    }
}
.c-editor-text ol li
{
    position: relative;

    padding-left: 3rem;
}
.c-editor-text ol li:not(:first-child)
{
    margin-top: 1.5rem;
}
.c-editor-text ol li:before
{
    position: absolute;
    top: .2rem;
    left: 0;

    display: block;

    content: counter(section);
    counter-increment: section; 

    color: #073a7c;
}
@media (min-width: 64em)
{
    .c-editor-text ol li
    {
        padding-left: 5rem;
    }
}
.c-editor-text table
{
    position: relative;

    overflow-x: hidden; 

    width: 100%;
    margin: 5rem 0;

    text-align: center;
}
@media (max-width: 63.99em)
{
    .c-editor-text table
    {
        display: block;
        overflow-x: scroll; 
        overflow-y: hidden;

        margin: 3rem 0;
        padding-bottom: 1.5rem;
    }
}
.c-editor-text table::-webkit-scrollbar-track
{
    position: absolute;
    top: calc(100% + 10rem);
    left: 0;

    width: 100%;
    margin-top: 3rem;

    border-radius: 10px; 
    background-color: #e8ecf4;
}
.c-editor-text table::-webkit-scrollbar
{
    position: absolute;
    top: calc(100% + 10rem);
    left: 0;

    width: 100%;
    height: 5px;

    background-color: transparent;
}
.c-editor-text table::-webkit-scrollbar-thumb
{
    height: 5px;
    margin-top: 3rem;

    border-radius: 10px; 
    background-color: #bcbfcf;
}
.c-editor-text table tbody
{
    width: 100%;
}
.c-editor-text table th
{
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 2rem;

    display: flex;

    min-width: 13rem;
    padding: 2rem;

    letter-spacing: .05;

    color: #525668;
    border: none; 
    background-color: #f9fafc;

    flex: 1;
    align-items: center;
    justify-content: center;
}
@media (min-width: 64em)
{
    .c-editor-text table th
    {
        font-size: 1.8rem;
        line-height: 2rem; 

        letter-spacing: .06rem;
    }
}
.c-editor-text table tr
{
    display: flex;
    flex-direction: row;

    width: 100%;

    border-bottom: .1rem solid rgba(132, 137, 159, .5); 

    align-items: stretch;
    justify-content: center;
}
.c-editor-text table td
{
    font-size: 1.6rem;
    line-height: 1.9rem; 

    display: flex;

    padding: 2rem 1rem;

    color: #1b1d27;

    flex: 1;
    align-items: center;
    justify-content: center;
}
@media (min-width: 64em)
{
    .c-editor-text table td
    {
        font-size: 1.8rem;
        line-height: 2.2rem;
    }
}
.c-editor-text--bigger-font p
{
    font-size: 1.8rem;
    line-height: 2.8rem;

    color: #1b1d27;
}
@media (min-width: 64em)
{
    .c-editor-text--bigger-font p
    {
        font-size: 2rem;
        line-height: 3.2rem;
    }
}
.c-editor-text--centered
{
    text-align: center;
}
.c-editor-text.c-editor-text-boiler
{
    padding: 0 0 4rem 0;
}
.c-editor-text.c-editor-text-no-padding
{
    padding: 0;
}

.c-image-full-width
{
    width: 100%;
    margin: 0;
    padding-bottom: 2.5rem;
}
.c-image-full-width__img
{
    width: 100%;
}
.c-image-full-width__caption
{
    font-size: 1.4rem;
    line-height: 1.8rem;

    display: block;

    width: 100%;
    margin: 0 auto;
    padding-top: 1.5rem;
    padding-right: 0; 
    padding-left: 0;

    letter-spacing: .05rem;

    color: #525668;
}
@media (min-width: 48em)
{
    .c-image-full-width__caption
    {
        padding-right: 2rem; 
        padding-left: 2rem;
    }
}
@media (min-width: 64em)
{
    .c-image-full-width__caption
    {
        font-size: 1.6rem;
        line-height: 2rem;

        padding-top: 2.5rem;
        padding-right: 0rem; 
        padding-left: 0rem;

        letter-spacing: .06rem;
    }
}
.c-image-full-width.c-image-orientation__image--portrait
{
    width: 100%;
    max-width: 100%;
    height: auto;
    padding-bottom: 0;
}
.c-image-full-width.c-image-orientation__image--portrait img
{
    max-height: 1000px;
}

.text-mode-dark .c-image-full-width__caption
{
    color: #fff;
}

.c-image-caption
{
    margin-bottom: 6rem;
}
.c-image-caption img
{
    display: block;

    width: auto;
    max-width: 100%;
    max-height: 77.5rem; 
    margin: 0 auto;
}

.c-image-caption .c-layer--small .c-image-full-width__caption
{
    text-align: center;
}

.c-highlight-text
{
    position: relative;

    margin: 3rem 0;
}
@media (max-width: 63.99em)
{
    .c-highlight-text
    {
        margin-right: 2rem; 
        padding-left: 2rem;
    }
}
.c-highlight-text__content
{
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 3rem; 

    position: relative;

    width: 100%;
    margin: 0 auto;
    padding: 4rem 4rem 4rem 2rem;
    padding: 2.5rem;

    color: #073a7c;
    background-color: #eff8ff;
}
@media (min-width: 64em)
{
    .c-highlight-text__content
    {
        padding: 4rem 12rem 4rem 0rem;
    }
}
@media (min-width: 64em)
{
    .c-highlight-text__content
    {
        font-size: 2.2rem;
        line-height: 3.2rem;
    }
}
@media (max-width: 63.99em)
{
    .c-highlight-text__content
    {
        padding: 2.5rem;
        padding-left: 1rem;
    }
}
.c-highlight-text::before
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    display: block;

    width: 50%;
    height: 100%;

    content: ''; 

    background-color: #eff8ff;
}

.c-blockquote
{
    position: relative;

    padding: 4rem 0 4rem 0;
}
@media (min-width: 64em)
{
    .c-blockquote
    {
        padding: 6rem 0 12rem 0;
    }
}
.c-blockquote__content
{
    font-size: 1.8rem;
    font-style: italic;
    line-height: 2.8rem; 

    position: relative;

    margin: 0;
    padding: 0 0 0 4rem;

    color: #073a7c;
}
@media (min-width: 64em)
{
    .c-blockquote__content
    {
        font-size: 2.2rem;
        line-height: 3.2rem;

        padding: 0 5rem;
    }
}
.c-blockquote__content::before
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: .4rem;
    height: 100%;

    content: ''; 

    background-color: #255b8e;
}
.c-blockquote__author
{
    font-size: 1.4rem;
    font-style: normal;

    display: block;

    margin-top: 2rem;

    letter-spacing: .06rem; 

    color: #525668;
}
@media (min-width: 64em)
{
    .c-blockquote__author
    {
        font-size: 1.6rem;
    }
}
.c-blockquote--large
{
    padding: 2rem 0;
}
.c-blockquote--large .c-blockquote__content
{
    font-size: 2.1rem;
    font-style: italic;
    line-height: 3.6rem; 

    color: #fff;
}
@media (min-width: 64em)
{
    .c-blockquote--large .c-blockquote__content
    {
        font-size: 3.2rem;
        line-height: 5.2rem;

        letter-spacing: -.04rem;
    }
}

@media (min-width: 48em)
{
    body.news-page .c-blockquote
    {
        padding: 4rem 2rem;
    }
}

@media (min-width: 64em)
{
    body.news-page .c-blockquote
    {
        padding: 4rem 0;
    }
}

@media (min-width: 87.5em)
{
    body.news-page .c-blockquote
    {
        padding: 8rem 0;
    }
}

.c-news-alert-fixed
{
    position: fixed;
    z-index: 15;
    top: 24.9rem;
    right: 0;

    width: 400px;
    height: 56px;

    cursor: pointer; 
    transition: transform .4s ease-in-out, background-color .3s ease-in-out;

    background-color: #315e5d;
    box-shadow: -.2rem .2rem .5rem rgba(0, 0, 0, .2);
}
.c-news-alert-fixed:hover
{
    background-color: #203c3c;
}
@media (max-width: 63.99em)
{
    .c-news-alert-fixed
    {
        display: none;
    }
}
.c-news-alert-fixed--link
{
    line-height: 1; 

    display: flex;
    flex-direction: row;

    justify-content: flex-start;
    align-items: center;
}
.c-news-alert-fixed > div
{
    position: relative;

    display: inline-flex;

    height: 100%;

    vertical-align: middle; 

    align-items: center;
}
.c-news-alert-fixed .c-news-alert-fixed-icon
{
    padding: 1.7rem 2rem 1.7rem 4rem;
}
.c-news-alert-fixed .c-news-alert-fixed-icon img
{
    width: 2.2rem;
    height: 2.2rem;
}
.c-news-alert-fixed .c-news-alert-fixed-content span
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.6rem;

    position: relative;

    display: block;

    letter-spacing: 2.8px;
    text-transform: uppercase; 

    color: #fff;
}
.c-news-alert-fixed--hide
{
    transform: translateX(302px);
}
.c-news-alert-fixed--hide:hover
{
    transform: translateX(0);
}
.c-news-alert-fixed--hide:hover .c-news-alert-fixed-content
{
    margin-left: 0;
}
.c-news-alert-fixed--hide .c-news-alert-fixed-content
{
    margin-left: 2rem;
}

.c-tag-filters
{
    padding: 2rem; 

    justify-content: flex-start;
}
@media (min-width: 64em)
{
    .c-tag-filters
    {
        padding: 3rem 4rem;
    }
}
@media (min-width: 87.5em)
{
    .c-tag-filters
    {
        padding: 3rem 8rem;
    }
}
.c-tag-filters__item
{
    display: inline-block;

    margin: 1rem;

    cursor: pointer;
}
@media (min-width: 64em)
{
    .c-tag-filters__item
    {
        margin: .5rem;
    }
}
.c-tag-filters__item.is-active .c-tag-filters__item__content
{
    background-color: #255b8e;
}
.c-tag-filters__item.is-active .c-tag-filters__item__content .c-tag-filters__item__content--nb
{
    color: #255b8e; 
    background-color: #fff;
}
.c-tag-filters__item.is-active .c-tag-filters__item__content label
{
    color: #fff;
}
.c-tag-filters__item__input
{
    display: none;
}
.c-tag-filters__item__input:checked + .c-tag-filters__item__content
{
    background-color: #255b8e;
}
.c-tag-filters__item__input:checked + .c-tag-filters__item__content .c-tag-filters__item__content--nb
{
    color: #255b8e; 
    background-color: #fff;
}
.c-tag-filters__item__input:checked + .c-tag-filters__item__content label
{
    color: #fff;
}
.c-tag-filters__item__content
{
    display: flex;

    height: 3.3rem;
    padding: .7rem .8rem .9rem .7rem;

    cursor: pointer;
    transition: background-color .3s ease; 

    border-radius: .4rem;
    background-color: #e7eaf2;

    align-items: center;
    justify-content: center;
}
.c-tag-filters__item__content:hover
{
    background-color: #d6dce9;
}
.c-tag-filters__item__content--nb
{
    font-size: 1.2rem;

    position: relative;

    display: inline-block;

    width: 1.9rem;
    height: 1.9rem;
    margin-left: 1rem;

    transition: all .3s ease; 
    text-align: center;
    vertical-align: middle;

    color: #fff;
    border-radius: .2rem;
    background-color: #255b8e;
}
.c-tag-filters__item__content label
{
    font-size: 1.4rem;
    line-height: 1.7rem;

    cursor: pointer;
    transition: all .3s ease; 

    color: #1b1d27;
}

body.press-area-page .c-responsive-filters
{
    padding: 0;
}

body.list_global .c-responsive-filters
{
    flex-direction: column;

    padding-bottom: 2rem; 

    background-color: #f9fafc;
}

body.list_global .c-structured-search .selected-date-wrapper
{
    padding-top: 3rem;
    padding-bottom: 1rem;
}

body.list_job_offers .c-responsive-filters,
body.list_contacts .c-responsive-filters
{
    align-items: flex-end;
}

body.list_job_offers #edit-sort--2--wrapper,
body.list_contacts #edit-sort--2--wrapper
{
    display: none;
}

body.list_job_offers .o-grid.c-company-search-result__pagination-wrapper,
body.list_contacts .o-grid.c-company-search-result__pagination-wrapper
{
    margin-left: 0; 

    background-color: #f9fafc;
}

body.list_job_offers .form-mobile,
body.list_contacts .form-mobile
{
    padding-bottom: 2rem; 

    border-bottom: .5rem solid #fff;
}

body.list_job_offers .c-searchbar--mobile,
body.list_contacts .c-searchbar--mobile
{
    margin-right: .5rem;
}
body.list_job_offers .c-searchbar--mobile .c-btn--search,
body.list_contacts .c-searchbar--mobile .c-btn--search
{
    border-left: none;
}

body.list_job_offers .c-structured-search-offer__search.o-grid,
body.list_contacts .c-structured-search-offer__search.o-grid
{
    padding-top: 0; 
    padding-left: 0;
}

body.list_job_offers .block-alert .c-alert-banner,
body.list_contacts .block-alert .c-alert-banner
{
    top: 14rem;
}

@media only screen and (max-width: 400px)
{
    body.list_job_offers .block-alert .c-alert-banner,
    body.list_contacts .block-alert .c-alert-banner
    {
        top: 6rem !important;
    }
    body.list_job_offers .c-search-page-title--jobs > .c-layer--no-v-padding,
    body.list_contacts .c-search-page-title--jobs > .c-layer--no-v-padding
    {
        padding-top: 9rem !important;
    }
}

body.list_job_offers .c-responsive-filters
{
    flex-direction: column;

    padding-bottom: 2rem;

    background-color: #f9fafc; 

    align-items: center;
}

body.list_faq .c-responsive-filters
{
    align-items: flex-end;
}

body.list_faq #edit-sort--2--wrapper
{
    display: none;
}

body.list_faq .block-alert .c-alert-banner
{
    top: 14rem;
}

@media only screen and (max-width: 400px)
{
    body.list_faq .block-alert .c-alert-banner
    {
        top: 6rem !important;
    }
    body.list_faq .c-search-page-title--faq > .c-layer--no-v-padding
    {
        padding-top: 9rem !important;
    }
}

@media (max-width: 63.99em)
{
    .form-mobile.global-list .c-structured-search .c-searchbar
    {
        margin-top: 0;
        margin-right: .5rem;
    }
}

@media (max-width: 63.99em)
{
    .form-mobile.global-list .c-structured-search .c-btn--primary
    {
        min-height: 0;
    }
}

@media (max-width: 63.99em)
{
    body.list_regulated_information .c-responsive-filters
    {
        display: flex;

        padding: 3.5rem 4rem 2rem 4rem;

        background-color: #f9fafc;
    }
}

@media (max-width: 47.99em)
{
    body.list_regulated_information .c-responsive-filters
    {
        padding: 3.5rem 2rem 2rem 2rem;
    }
}

body.list_regulated_information .c-responsive-filters-navigation__footer
{
    padding-top: 0;
    padding-bottom: 0;
}

body.list_regulated_information .c-structured-tab-filters__form-filters__reset-container
{
    padding-right: 0;
}

@media (max-width: 63.99em)
{
    body.list-video-page .c-responsive-filters
    {
        display: flex;
    }
}

.c-responsive-filters
{
    display: flex;
    flex-direction: row;

    padding: 1rem 2rem; 

    align-items: center;
    justify-content: space-between;
}
.c-responsive-filters--dark
{
    color: #fff; 
    background-color: #1b1d27;
}
@media (max-width: 48em)
{
    .c-responsive-filters.c-pr-list
    {
        padding-top: 2.5rem;
        padding-right: 2rem; 
        padding-left: 2rem;

        border-top: .5px solid #d1d6e6;
    }
}
@media (min-width: 48em)
{
    .c-responsive-filters
    {
        padding: 1rem 4rem;
    }
}
.c-responsive-filters__results
{
    width: 100%;
}
.c-responsive-filters__results--nb
{
    font-size: 1.4rem;
    line-height: 1.8rem;

    letter-spacing: .53px;

    color: #255b8e !important;
}
.c-responsive-filters__title
{
    margin-bottom: 3rem;
}
.c-responsive-filters__title h2
{
    font-size: 2.4rem;
    line-height: 3.6rem;

    margin: 0; 

    letter-spacing: 0;

    color: #fff;
}
.c-responsive-filters--column
{
    flex-direction: column;

    padding: 6rem 2rem 2rem 2rem;
}
@media (min-width: 30em)
{
    .c-responsive-filters--column
    {
        padding: 6rem 4rem 2rem 4rem;
    }
}

@media (max-width: 47.99em)
{
    .c-responsive-filters .js-responsive-filters-button
    {
        display: flex;

        align-items: center;
        justify-content: center;
    }
}

.c-date-slider .irs--round .irs-handle
{
    top: 31px;

    width: 1.8rem;
    height: 1.8rem;

    cursor: pointer; 

    border: 0;
    background-color: #255b8e;
}

.c-date-slider .irs--round .irs-bar
{
    background: linear-gradient(46.65deg, #0f60a7 0%, #23588b 100%);
    box-shadow: 0 5px 10px 3px rgba(59, 135, 204, .3);
}

.c-date-slider .irs--round .irs-line,
.c-date-slider .irs--round .irs-bar
{
    height: .8rem;
}

.c-date-slider .irs--round .irs-max,
.c-date-slider .irs--round .irs-min
{
    display: none;
}

.c-date-slider .irs--round .irs-to,
.c-date-slider .irs--round .irs-from,
.c-date-slider .irs--round .irs-single
{
    font-family: 'Barlow' !important;
    font-size: 1.6rem;

    letter-spacing: .6px;
    text-transform: capitalize; 

    color: #525668;
    background-color: transparent;
}
.c-date-slider .irs--round .irs-to::before,
.c-date-slider .irs--round .irs-from::before,
.c-date-slider .irs--round .irs-single::before
{
    display: none;
}

.slider-range-wrapper
{
    padding: 0; 

    flex-basis: 100%;
    order: 5;
}
@media (min-width: 64em)
{
    .slider-range-wrapper
    {
        padding: 4rem 6.5rem;
    }
}
.slider-range-wrapper .slider-range-label
{
    display: block;

    margin-bottom: .8rem;
}

.range-value-start,
.range-value-end
{
    text-transform: capitalize;
}

.slider-range
{
    height: 8px;
    margin-top: 1rem;

    border: none; 
    border-radius: 4px;
    background-color: #dee4ec;
}
.slider-range .noUi-connects
{
    overflow: visible;
}
.slider-range .noUi-connect
{
    background: linear-gradient(46.65deg, #0f60a7 0%, #23588b 100%); 
    box-shadow: 0 5px 10px 3px rgba(59, 135, 204, .3);
}
.slider-range .noUi-handle
{
    box-shadow: 0 5px 10px 3px rgba(59, 135, 204, .3);
}
.slider-range .noUi-handle:before,
.slider-range .noUi-handle:after
{
    display: none;
}
.slider-range .ui-slider-range
{
    background: linear-gradient(46.65deg, #0f60a7 0%, #23588b 100%);
    box-shadow: 0 5px 10px 3px rgba(59, 135, 204, .3);
}
.slider-range .ui-slider-handle,
.slider-range .noUi-handle
{
    top: -5px; 

    width: 1.8rem;
    height: 1.8rem;

    cursor: pointer;

    border: 0;
    border-radius: 50%;
    background-color: #255b8e;
}
.slider-range .ui-slider-handle.ui-state-active,
.slider-range .ui-slider-handle.noUi-active,
.slider-range .noUi-handle.ui-state-active,
.slider-range .noUi-handle.noUi-active
{
    background-color: #255b8e !important;
}

#first-date-time
{
    display: none;
}

.c-responsive-filters-calendar__item
{
    font-size: 1.6rem; 

    display: flex;
    flex-direction: row;

    padding: 2rem;

    align-items: center;
    justify-content: space-between;
}
.c-responsive-filters-calendar__item__input
{
    min-width: 22rem;
    padding: 1.7rem 2rem;
}
@media (min-width: 30em)
{
    .c-responsive-filters-calendar__item__input
    {
        min-width: 28rem;
    }
}

.ui-monthpicker
{
    left: 0 !important;

    width: 100%;

    background-color: #f9fafc;
}

.ui-datepicker-header
{
    display: flex;
    flex-direction: row;

    padding: 2.5rem 4rem 2rem 4rem; 

    align-items: center;
    justify-content: space-between;
}

.ui-datepicker-title
{
    font-size: 1.6rem;

    color: #1b1d27; 

    order: 2;
}

.ui-datepicker-prev
{
    order: 1;
}
.ui-datepicker-prev .ui-icon
{
    display: none;
}
.ui-datepicker-prev::after
{
    font-family: 'icomoon' !important;
    font-size: 1.3rem;

    display: inline-block;

    margin-left: 1rem;

    content: '';
    transform: rotate(180deg); 

    color: #84899f;
}
.ui-datepicker-prev.ui-state-disabled
{
    opacity: .5;
}

.ui-datepicker-next
{
    order: 3;
}
.ui-datepicker-next .ui-icon
{
    display: none;
}
.ui-datepicker-next::after
{
    font-family: 'icomoon' !important;
    font-size: 1.3rem; 

    margin-left: 1rem;

    content: '';

    color: #84899f;
}
.ui-datepicker-next.ui-state-disabled
{
    opacity: .5;
}

.ui-datepicker-calendar
{
    width: calc(100% - 8rem);
    margin: 0 4rem 2.5rem 4rem;
}
.ui-datepicker-calendar tr
{
    display: flex;

    justify-content: space-between;
}
.ui-datepicker-calendar tr td.ui-datepicker-unselectable .ui-state-default,
.ui-datepicker-calendar tr td.ui-state-disabled .ui-state-default
{
    color: rgba(82, 86, 104, .3);
}
.ui-datepicker-calendar tr td .ui-state-default
{
    font-size: 1.5rem;

    display: block;

    padding: 2rem; 

    color: #525668;
}
.ui-datepicker-calendar tr td .ui-state-default.ui-state-active
{
    color: #fff; 
    border-radius: .4rem;
    background-color: #255b8e;
}

.details-offers-page .c-banner
{
    padding-top: 13.1rem;
}
.details-offers-page .c-banner .c-banner-image
{
    height: 29.4rem;
}
@media (max-width: 64em)
{
    .details-offers-page .c-banner
    {
        padding-top: 7.6rem;
    }
}
@media (max-width: 48em)
{
    .details-offers-page .c-banner .c-banner-image
    {
        height: inherit;
    }
}

.block-alert .details-offers-page .c-page-wrapper .c-editor-text
{
    padding-top: 15rem;
}
@media (max-width: 63.99em)
{
    .block-alert .details-offers-page .c-page-wrapper .c-editor-text
    {
        padding-top: 12rem;
    }
}

@media (max-width: 48em)
{
    .block-alert .details-offers-page
    {
        padding-top: 20rem;
    }
    .block-alert .details-offers-page .c-page-wrapper
    {
        padding-top: 0;
    }
    .block-alert .details-offers-page .c-page-wrapper .c-editor-text
    {
        padding-top: 2rem;
    }
}

.c-details-offers
{
    position: relative;

    min-height: 100vh; 
    margin: 8rem;
}
.c-details-offers .c-details-offers-container
{
    position: relative;
}
.c-details-offers .c-details-offers-container__published span
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 2.5rem;

    letter-spacing: 2px;
    text-transform: uppercase;

    color: #525668;
}
.c-details-offers .c-details-offers-container__match
{
    margin-top: 4rem;
}
.c-details-offers .c-details-offers-container__match span
{
    font-family: 'Barlow', Arial, sans-serif;
    font-weight: 300;
}
.c-details-offers .c-details-offers-container__match--percent
{
    font-size: 5.7rem;

    color: #112753;
}
.c-details-offers .c-details-offers-container__match--percent span
{
    font-size: 2.6rem;

    color: #525668;
}
.c-details-offers .c-details-offers-container__match--text
{
    font-size: 1.6rem;

    margin-left: .8rem;

    letter-spacing: .6px; 

    color: #525668;
}
.c-details-offers .c-details-offers-container__description
{
    margin-top: 6rem;
    margin-right: 51.5rem;
}
.c-details-offers .c-details-offers-container__description--title h2
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 2.8rem;
    line-height: 3.6rem; 

    margin: 0;

    color: #141d29;
}
.c-details-offers .c-details-offers-container__description--text
{
    margin-top: 2.5rem;
}
.c-details-offers .c-details-offers-container__description--text p
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.8rem;
    line-height: 2.6rem; 

    color: #1b1d27;
}
.c-details-offers .c-details-offers-container__skills
{
    margin-top: 4rem;
    margin-right: 51.5rem;
}
.c-details-offers .c-details-offers-container__skills--title h3
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 2.2rem;
    line-height: 3rem;

    margin: 0; 

    letter-spacing: .6px;

    color: #7596d4;
}
.c-details-offers .c-details-offers-container__skills--text
{
    margin-top: 1rem;
}
.c-details-offers .c-details-offers-container__skills--text ul
{
    margin: 0;
}
.c-details-offers .c-details-offers-container__skills--text li
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.8rem;
    line-height: 4rem; 

    color: #1b1d27;
}
.c-details-offers .c-details-offers-container__skills--text li span
{
    margin-right: 3rem;
}

@media (max-width: 87.5em)
{
    .c-details-offers
    {
        margin: 4rem;
    }
}

@media (max-width: 80em)
{
    .c-details-offers .c-details-offers-container__skills--text li
    {
        line-height: 2.6rem;

        margin-top: 1rem; 
        margin-left: 4.6rem;

        text-indent: -4.6rem;
    }
}

@media (max-width: 64em)
{
    .c-details-offers .c-details-offers-container__description
    {
        margin-right: 40rem;
    }
    .c-details-offers .c-details-offers-container__skills
    {
        margin-right: 40rem;
    }
}

@media (max-width: 48em)
{
    .c-details-offers
    {
        margin: 4rem 0;
    }
    .c-details-offers .c-details-offers-container
    {
        margin: 0 4rem;
    }
    .c-details-offers .c-details-offers-container__published
    {
        margin: 0 4rem; 
        margin-bottom: 1rem;
    }
    .c-details-offers .c-details-offers-container__match--percent,
    .c-details-offers .c-details-offers-container__match--text
    {
        display: block;

        text-align: center;
    }
    .c-details-offers .c-details-offers-container__match--text
    {
        margin-top: -2rem;
    }
    .c-details-offers .c-details-offers-container__description
    {
        width: 100%;
        max-width: inherit;
        margin-top: 4rem;
        margin-right: inherit;
    }
    .c-details-offers .c-details-offers-container__description--title h2
    {
        font-size: 1.8rem;
        line-height: 2.4rem; 

        letter-spacing: 1px;
    }
    .c-details-offers .c-details-offers-container__description--text
    {
        margin-top: 1.5rem;
    }
    .c-details-offers .c-details-offers-container__description--text p
    {
        font-size: 1.6rem;
        line-height: 2.2rem;
    }
    .c-details-offers .c-details-offers-container__skills
    {
        width: 100%;
        max-width: inherit;
        margin-top: 2.5rem;
        margin-right: inherit;
    }
    .c-details-offers .c-details-offers-container__skills:last-child
    {
        margin-top: 1.5rem;
    }
    .c-details-offers .c-details-offers-container__skills--title h3
    {
        font-size: 1.6rem;
        line-height: 3rem; 

        letter-spacing: .44px;
    }
    .c-details-offers .c-details-offers-container__skills--text li
    {
        font-size: 1.6rem;
        line-height: 2.2rem;

        margin-bottom: .8rem; 
        margin-left: 3rem;

        text-indent: -3rem;
    }
    .c-details-offers .c-details-offers-container__skills--text li span
    {
        margin-right: 1.5rem;
    }
}

@media (max-width: 30em)
{
    .c-details-offers .c-details-offers-container
    {
        margin: 0 2rem;
    }
    .c-details-offers .c-details-offers-container__published
    {
        margin: 0 2rem;
    }
}

.c-references-block
{
    position: absolute;
    z-index: 10; 
    top: -18rem;
    right: -8rem;

    width: 396px;
    height: auto;
}
@media (max-width: 87.49em)
{
    .c-references-block
    {
        right: -4rem;
    }
}
.c-references-block--fixed
{
    position: fixed;
    top: 10rem;
    right: 0;
    bottom: 10px;

    overflow: auto;
}
.c-references-block .c-references-block-container
{
    position: absolute;
    z-index: 10;

    width: 100%; 

    background-color: #f9fafc;
}
.c-references-block .c-references-block-container__details
{
    padding: 5rem 4rem 4rem 4rem;
}
.c-references-block .c-references-block-container__details > span
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 2rem;

    display: flex;
    flex-direction: row;

    margin-bottom: 2rem; 

    letter-spacing: .6px;

    color: #525668;
}
.c-references-block .c-references-block-container__details > span:last-child
{
    margin-bottom: 0;
}
.c-references-block .c-references-block-container__details > span ul
{
    margin: 0;
}
.c-references-block .c-references-block-container__details > span a
{
    font-size: inherit;

    color: #235686;
}
.c-references-block .c-references-block-container__details--icon
{
    width: 1.6rem; 
    margin-top: .4rem;
    margin-right: 1.5rem;

    color: #255b8e;
}
.c-references-block .c-references-block-container__details--list__item
{
    display: block;
}
.c-references-block .c-references-block-container__details--list__item + .c-references-block-container__details--list__item
{
    margin-top: 5px;
}
.c-references-block .c-references-block-container__reflink
{
    padding: 0 4rem;
}
.c-references-block .c-references-block-container__reflink span
{
    margin-bottom: 1.3rem;
}
.c-references-block .c-references-block-container__reflink span,
.c-references-block .c-references-block-container__reflink a
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.3rem;

    display: block;
    display: inline; 

    text-decoration: none;
    letter-spacing: .49px;

    color: #53576a;
}
.c-references-block .c-references-block-container__reflink .js-copy
{
    cursor: pointer;
}
.c-references-block .c-references-block-container__reflink .js-copy.copied .copiedtext
{
    bottom: 23.5%;

    transform: translate(50%, 23.5%); 

    opacity: 1;
}
.c-references-block .c-references-block-container__reflink .js-copy .copiedtext
{
    font-size: 1.6rem;

    position: absolute;
    right: 50%;
    bottom: 29%;

    transition: all .75s; 
    transform: translate(50%, 29%);

    opacity: 0;
    color: black;
}
.c-references-block .c-references-block-container__reflink img
{
    position: relative;
    top: -2px;

    width: 14px;
    height: 14px;
    margin-right: .7rem;
}
.c-references-block .c-references-block-container__reflink img.hash
{
    width: 14px; 
    height: 14px;
}
.c-references-block .c-references-block-container__reflink img.hyperlink
{
    left: -2px;

    width: 18px;
    height: 18px;
    margin-right: .4rem;
}
.c-references-block .c-references-block-container__button
{
    padding: 3.8rem 2rem 2rem 2rem;
}
.c-references-block .c-references-block-container__button .c-btn
{
    margin-bottom: 2rem;
}
.c-references-block .c-references-block-container__button .c-btn:last-child
{
    margin-bottom: 0;
}

.c-references-absolute
{
    position: absolute;
    top: inherit;
    right: -8rem;
    bottom: -40px;

    height: 606px;
}
@media (max-width: 87.49em)
{
    .c-references-absolute
    {
        top: inherit;
        right: -4rem;
        bottom: -26px;
    }
}

@media (max-width: 48em)
{
    .c-references-block
    {
        position: relative;
        top: 0;
        right: 0;

        width: 100%;
        height: 100%;
    }
    .c-references-block .c-references-block-container
    {
        position: relative;
    }
    .c-references-block .c-references-block-container__details
    {
        padding: 3rem 4rem 4rem 4rem;
    }
    .c-references-block .c-references-block-container__reflink
    {
        padding: 0 4rem;
    }
    .c-references-block .c-references-block-container__reflink span,
    .c-references-block .c-references-block-container__reflink a
    {
        line-height: 1.6rem;
    }
    .c-references-block .c-references-block-container__button
    {
        padding: 3.8rem 4rem 2rem 4rem;
    }
}

@media (max-width: 30em)
{
    .c-references-block .c-references-block-container__details
    {
        padding: 3rem 2rem 4rem 2rem;
    }
    .c-references-block .c-references-block-container__reflink
    {
        padding: 0 2rem;
    }
    .c-references-block .c-references-block-container__button
    {
        padding: 3.8rem 2rem 2rem 2rem;
    }
}

.c-partners
{
    position: relative;

    padding-top: 13.2rem;
}
@media (min-width: 48em)
{
    .c-partners
    {
        margin-bottom: 2rem;
    }
}
.c-partners .c-partners-container
{
    width: 100%;
    max-width: 85vw;
    margin: 0 auto; 
    padding: 19rem 0 0 0;
}
@media (max-width: 63.99em)
{
    .c-partners .c-partners-container
    {
        max-width: none;
    }
}
@media (max-width: 63.99em)
{
    .c-partners .infos__date
    {
        font-size: 1.1rem;
    }
    .c-partners .infos__tag
    {
        font-size: 1.1rem;
    }
}

.c-partners-logo
{
    display: flex;
    flex-direction: row;

    margin-bottom: 6rem;

    flex-wrap: wrap;
    justify-content: flex-start;
}
.c-partners-logo__item
{
    display: inline-flex;

    margin-right: 2rem; 

    align-items: center;
    flex-basis: calc(16.66% - 2rem);
}
.c-partners-logo__item__img
{
    width: 100%;
}

@media (max-width: 64em)
{
    .c-partners
    {
        padding-top: 7.7rem;
    }
    .c-partners .c-partners-container
    {
        padding: 3.8rem 0 0 0;
    }
    .c-partners-logo__item
    {
        margin-right: 3rem;
        margin-bottom: 3rem; 

        flex-basis: calc(26% - 2rem);
    }
    .c-partners-logo__item:nth-child(3n)
    {
        margin-right: 0;
    }
}

@media (max-width: 48em)
{
    .c-partners
    {
        padding-top: 5.6rem;
    }
}

@media (max-width: 30em)
{
    .c-partners-logo__item
    {
        flex-basis: calc(33% - 2rem);
    }
}

.c-head-page-title
{
    font-size: 3.6rem;
    font-weight: 400;
    line-height: 1.2;

    padding-top: 19rem;
    padding-bottom: 4rem;

    color: #141d29;
    background-color: #f9fafc;
}
.c-head-page-title.questions
{
    padding-top: 16rem;
}
@media (max-width: 64em)
{
    .c-head-page-title.questions
    {
        padding-top: 8rem; 
        padding-bottom: 2rem;
    }
}
.c-head-page-title--white
{
    background-color: #fff;
}
@media (max-width: 63.99em)
{
    .c-head-page-title
    {
        padding-top: 11rem;
    }
}
.c-head-page-title__title
{
    margin: 0;
}
@media (max-width: 63.99em)
{
    .c-head-page-title__title
    {
        font-size: 2.4rem;
        line-height: 1.24;
    }
}
.c-head-page-title__title__press-release
{
    line-height: .8;
}
.c-head-page-title__title__glossary
{
    text-align: center;
}
.c-head-page-title__infos > *
{
    display: inline-block;

    margin-right: 2rem;
}
.c-head-page-title .super-h1
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 3.6rem;
    font-weight: 400;
    line-height: 1.2;
}

.news-page .c-head-page-title__title
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 3.6rem;
    font-weight: 400;
    line-height: 4.2rem; 

    margin: 0;

    color: #141d29;
}

@media (min-width: 64em)
{
    #press-release-wrapper .c-head-page-title .c-layer--small
    {
        padding-right: 0; 
        padding-left: 0;
    }
}

@media (max-width: 64em)
{
    .news-page .c-head-page-title__title
    {
        font-size: 2.4rem;
        font-weight: 400;
        line-height: 3rem;

        color: #1b1d27;
    }
    .c-head-page-title .super-h1
    {
        font-size: 2.4rem;
    }
}

/* ==========================================================================
   #Profile Card item
   ========================================================================== */
/*
---
name: Contact Card item
category: 02 - Molecules
---
*/
.c-contact-card-item
{
    display: flex;

    width: 100%;
    padding: 2rem 0 1rem;

    cursor: pointer;
    transition: all .3s ease-in-out; 

    background-color: #fff;
    box-shadow: 0 1.4rem 1.2rem 0 rgba(37, 91, 142, .12);

    flex-flow: row wrap;
    align-items: flex-start;
}
.c-contact-card-item.no-link
{
    padding: 2rem 0; 

    cursor: default;
}
.c-contact-card-item.no-link .c-contact-card-item__image,
.c-contact-card-item.no-link .c-contact-card-item__content
{
    height: 100%;
    margin-bottom: 0;
}
@media (min-width: 64em)
{
    .c-contact-card-item.no-link
    {
        padding: 4rem 0;
    }
}
.c-contact-card-item:hover
{
    box-shadow: 0 1.4rem 1.2rem 0 rgba(37, 91, 142, .2);
}
.c-contact-card-item:hover .c-contact-card-item__btn--text-button
{
    transform: translateX(2rem); 

    color: #0f60a7;
}
.c-contact-card-item:hover .c-contact-card-item__btn::before
{
    width: 6rem;
}
@media (min-width: 64em)
{
    .c-contact-card-item
    {
        height: 100%;
        min-height: 30rem;
        padding: 2rem 0;
    }
}
.c-contact-card-item__container
{
    max-width: 60rem;
    padding-bottom: 8rem;
}
.c-contact-card-item__image
{
    position: relative;

    height: auto;

    transition: transform .5s; 

    perspective: 500px;
}
@media (min-width: 48em)
{
    .c-contact-card-item__image
    {
        width: 16rem;
        margin-bottom: 1rem;
    }
}
@media (min-width: 87.5em)
{
    .c-contact-card-item__image
    {
        width: 23rem;
    }
}
.c-contact-card-item__image .sizer
{
    position: relative;
    z-index: -1;

    display: block;
    visibility: hidden;

    width: 100%;
    height: auto;
    max-height: 25.6rem;

    pointer-events: none;
}
.c-contact-card-item__image .sizer:after
{
    display: block;

    padding-bottom: 100%;

    content: '';
    pointer-events: none;
}
.c-contact-card-item__image__container
{
    position: absolute;

    width: 100%;
    height: 100%;

    transition: transform 1s;

    transform-style: preserve-3d;
}
.c-contact-card-item__image__container .qr-code
{
    position: absolute;

    width: 100%; 
    height: 100%;

    transform: rotateY(180deg);

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}
.c-contact-card-item__image .qr-code
{
    width: 100%;
    height: auto;

    background-size: 100%;
}
.c-contact-card-item__image .qr-code:after
{
    display: block;

    padding-bottom: 100%;

    content: '';
    pointer-events: none;
}
.c-contact-card-item__image__visual
{
    position: absolute;
    top: 0;
    right: 0;

    width: 100%;
    min-height: 19.2rem;
    max-height: 25.6rem;

    background-color: #84899f;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}
.c-contact-card-item__image__visual::after
{
    display: block;

    padding-bottom: 120%;

    content: '';
    pointer-events: none;
}
@media (min-width: 64em)
{
    .c-contact-card-item__image__visual
    {
        width: 16rem;
    }
}
@media (min-width: 87.5em)
{
    .c-contact-card-item__image__visual
    {
        width: 23rem;
    }
}
.c-contact-card-item__image.flippable .c-contact-card-item__image__visual::before
{
    position: absolute;
    top: 0;
    right: 0;

    display: block;

    width: 2em;
    height: 2em;

    content: '';
    pointer-events: none; 

    border-color: inherit;
    background: #fff;
    background: linear-gradient(45deg, #aaa, #fff 40%, #999 50%, #fff 50%);
    /* background: #fff; */
    background-image: linear-gradient(45deg, #aaa, #fff 40%, #999 50%, rgba(255, 255, 255, 0) 50%), url(https://upload.wikimedia.org/wikipedia/commons/7/78/Qrcode_wikipedia_fr_v2clean.png);
    background-position: top right;
    /* background-size: 230px; */
    background-size: cover, 100px;
}
.c-contact-card-item__image.flippable:hover .c-contact-card-item__image__container
{
    transition: transform 1s; 
    transform: rotateY(180deg);
}
.c-contact-card-item .no-effect
{
    font-size: inherit;
    line-height: 2rem; 

    display: flex;
    flex-direction: row;

    word-break: break-all;

    color: #525668;
}
.c-contact-card-item__content
{
    position: relative;

    display: flex;
    flex-direction: column;

    padding: 0 4rem; 

    flex: 1;
}
@media (max-width: 63.99em)
{
    .c-contact-card-item__content
    {
        margin-left: 0; 
        padding: 1rem 2rem;
    }
}
@media (min-width: 48em)
{
    .c-contact-card-item__content
    {
        margin-bottom: 1rem;
    }
}
.c-contact-card-item__job
{
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 2.5rem;

    letter-spacing: .2rem;
    text-transform: uppercase; 

    color: #525668;
}
@media (min-width: 64em)
{
    .c-contact-card-item__job
    {
        font-size: 1.2rem;
        line-height: 2.5rem; 

        letter-spacing: .2rem;
    }
}
.c-contact-card-item__job .icon-svg
{
    width: 3.2rem; 
    margin: 0 0 1.8rem 0;
}
.c-contact-card-item__name
{
    font-size: 2.8rem;
    line-height: 3.6rem; 

    display: block;

    margin: 0;
    padding-top: .5rem;

    color: #141d29;
}
@media (max-width: 63.99em)
{
    .c-contact-card-item__name
    {
        font-size: 1.8rem;
        font-weight: normal;
        line-height: 2.4rem;

        margin-bottom: 0;

        letter-spacing: .1rem;
    }
}
.c-contact-card-item__desc
{
    margin: 0;

    color: #1b1d27;
}
@media (min-width: 64em)
{
    .c-contact-card-item__desc
    {
        font-size: 1.8rem;
        line-height: 2.6rem;
    }
}
@media (max-width: 48em)
{
    .c-contact-card-item__desc
    {
        font-size: 1.6rem;
        line-height: 2.2rem;
    }
}
.c-contact-card-item__infos
{
    margin: 2rem 0 0;
}
.c-contact-card-item__infos__item
{
    font-size: 1.4rem;
    line-height: 1.8rem; 

    display: block;

    margin: 1rem 0 0;

    letter-spacing: .05rem;

    color: #525668;
}
@media (min-width: 64em)
{
    .c-contact-card-item__infos__item
    {
        font-size: 1.6rem;
        line-height: 2rem; 

        letter-spacing: .06rem;
    }
}
.c-contact-card-item__infos__item__icon
{
    font-size: 1.6rem;
    line-height: 2rem; 

    display: inline-block;

    margin-right: 1rem;
}
.c-contact-card-item__infos__item__icon.icon-phone:before
{
    opacity: .7; 
    color: #1b1d27;
}
.c-contact-card-item__btn
{
    position: relative;

    width: calc(100% - 8rem);
    margin-top: auto; 
    margin-left: 4rem;
}
@media (min-width: 64em)
{
    .c-contact-card-item__btn
    {
        font-size: 1.6rem;
        line-height: 2rem; 

        letter-spacing: .06rem;
    }
}
.c-contact-card-item__btn .c-btn
{
    padding: 2rem 2rem 2rem 6rem;
}
.c-contact-card-item__btn--text-button
{
    padding-left: 6rem;

    transition: transform .3s ease-in-out; 
    transform: translateX(0);
    white-space: nowrap;

    color: #255b8e;
    background: none;
}
.c-contact-card-item__btn::before
{
    position: absolute;
    top: 50%;
    left: 0;

    width: 4rem;
    height: .1rem;

    content: '';
    transition: width .3s ease-in-out; 

    background-color: #84899f;
}
.c-contact-card-item__btn:hover .c-contact-card-item__btn--text-button
{
    transform: translateX(2rem); 

    color: #0f60a7;
}
.c-contact-card-item__btn:hover::before
{
    width: 6rem;
}
.c-contact-card-item .icon-mail-basic
{
    position: relative;

    display: inline-block;

    width: 18px;
    height: 18px;

    vertical-align: top;

    background: url('../../../images/icons/email-action-unread.svg') no-repeat; 

    flex: 0 0 18px;
}

@media (max-width: 48em)
{
    .c-contact-card-item
    {
        display: block;
    }
    .c-contact-card-item__image
    {
        display: none;
    }
}

.c-download-dropdown
{
    position: relative;

    margin-top: 2.5rem;
}
.c-download-dropdown .arrow-top
{
    right: -4rem !important;
}
.c-download-dropdown .arrow-top:after
{
    position: absolute;
    top: -.8rem;
    right: 2.2rem;

    width: 15px;
    height: 15px;

    content: '';
    transform: rotate(45deg); 

    border: 1px solid rgba(0, 0, 0, .1);
    border-right: 0;
    border-bottom: 0;
    background-color: #fff;
}
.c-download-dropdown .arrow-press-release
{
    left: 0 !important;
}
.c-download-dropdown .arrow-press-release:after
{
    position: absolute;
    top: -.8rem;
    left: 13.2rem;

    width: 15px;
    height: 15px;

    content: '';
    transform: rotate(45deg); 

    border: 1px solid rgba(0, 0, 0, .1);
    border-right: 0;
    border-bottom: 0;
    background-color: #fff;
}
.c-download-dropdown__btn
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.6rem;

    position: relative;

    display: flex;
    flex-direction: row;

    padding: 0;

    letter-spacing: 2.8px;
    text-transform: uppercase;

    color: #073a7c; 
    border: 0;
    background-color: transparent;
}
.c-download-dropdown__btn > div
{
    position: relative;

    display: inline-block;
}
.c-download-dropdown__btn > div .c-btn--download__icon-arrow
{
    position: relative;
    top: -.3rem;
    left: 0;
}
.c-download-dropdown__btn > div .c-btn--download__icon-bottom
{
    position: absolute;
    top: 0; 
    bottom: inherit;
    left: 0;
}
.c-download-dropdown__btn img
{
    display: inline-block;

    width: 19px;
    height: 16px;
}
.c-download-dropdown__btn__label
{
    display: inline-block;

    margin-left: 2rem;
}
.c-download-dropdown__btn::after
{
    font-family: 'icomoon' !important;
    font-size: .8rem;

    position: absolute;
    top: 50%;
    right: -1.4rem;

    content: '';
    transition: transform .2s ease-in-out;
    transform: translateY(-50%) rotate(0);
    transform-origin: center center; 

    color: rgba(82, 86, 104, .5);
}
.c-download-dropdown--active .c-download-dropdown__btn::after
{
    transform: translateY(-50%) rotate(180deg);
}
.c-download-dropdown--active .c-download-dropdown__container
{
    visibility: visible;

    transform: translateY(0); 
    pointer-events: auto;

    opacity: 1;
}
.c-download-dropdown__container
{
    position: absolute;
    z-index: 99;
    top: calc(100% + 2rem);
    right: 0;
    left: 0;

    visibility: hidden; 

    max-width: 40rem;
    padding: 0;

    transition: all .2s ease-in-out;
    transform: translateY(-.5rem);
    pointer-events: none;

    opacity: 0;
    border: 1px solid rgba(0, 0, 0, .1);
    background-color: #fff;
    box-shadow: 0 0 1rem rgba(132, 137, 159, .07);
}
@media (max-width: 63.99em)
{
    .c-download-dropdown__container
    {
        left: -2rem; 

        width: calc(100% + 4rem);
    }
}
.c-download-dropdown__kit
{
    display: flex;
    flex-direction: column;

    padding: 3rem 2rem 0 2rem;

    border-bottom: .1rem solid rgba(0, 0, 0, .1);
}
@media (max-width: 63.99em)
{
    .c-download-dropdown__kit__btn
    {
        padding-right: 2rem;
        padding-left: 5rem;
    }
    .c-download-dropdown__kit__btn .c-btn--download__icon-arrow,
    .c-download-dropdown__kit__btn .c-btn--download__icon-bottom
    {
        left: 2rem;
    }
}
.c-download-dropdown__kit__file-size
{
    font-size: 1.3rem;
    line-height: 1.6rem;

    display: block;

    padding: 1.2rem 0 1.9rem 0;

    text-align: center;
    letter-spacing: .05rem;
    text-transform: uppercase; 

    color: #84899f;
}
.c-download-dropdown__items
{
    display: flex;
    flex-direction: column;
}
.c-download-dropdown__item
{
    display: flex;
    flex-direction: row;

    padding: 1.5rem 2rem;

    cursor: pointer; 
    transition: all .4s ease-in-out;

    border-top: .1rem solid rgba(0, 0, 0, .1);

    align-items: center;
    justify-content: space-between;
}
.c-download-dropdown__item:first-child
{
    border-top: none;
}
.c-download-dropdown__item:hover
{
    background: rgba(0, 0, 0, .03);
}
.c-download-dropdown__item:hover .c-download-dropdown__item__btn--icon-arrow
{
    animation-name: hvr-icon-drop;
    animation-duration: .7s;
    animation-timing-function: ease-in-out; 
    animation-iteration-count: 1;
}
.c-download-dropdown__item__label
{
    font-size: 1.4rem;
    line-height: 1.8rem;

    padding-right: 1rem;

    text-overflow: ellipsis;
    word-break: break-word; 

    color: #141d29;

    flex-basis: 50%;
}
.c-download-dropdown__item__icon
{
    width: 3.5rem; 

    opacity: .15;
}
.c-download-dropdown__item__img
{
    width: 4.2rem;
    margin-right: 1rem;
}
.c-download-dropdown__item__thumbnail
{
    width: 4.2rem;
    height: 4.2rem;

    background-position: center center;
    background-size: cover; 

    flex-basis: 4.2rem;
}
.c-download-dropdown__item__infos
{
    font-size: 1.3rem;

    padding-right: .5rem;

    text-transform: uppercase; 

    color: #84899f;
}
.c-download-dropdown__item__btn
{
    position: relative;

    display: block;

    padding: 0 1rem;

    border: 0;
    background-color: transparent;
}
.c-download-dropdown__item__btn--icon-arrow
{
    font-size: 1.4rem;

    position: absolute;
    top: -1.2rem;
    left: 0;

    height: auto;

    color: #1767ad;
}
.c-download-dropdown__item__btn--icon-bottom
{
    font-size: 1.4rem;

    position: absolute;
    bottom: -.5rem;
    left: 0;

    height: auto;

    color: #1767ad;
}

@media (max-width: 48em)
{
    .c-download-dropdown
    {
        margin-top: 2rem;
    }
    .c-download-dropdown .arrow-top:after
    {
        left: 9.2rem;
    }
}

@media (max-width: 30em)
{
    .c-download-dropdown .arrow-press-release
    {
        width: 100% !important;
    }
    .c-download-dropdown .arrow-top:after
    {
        left: 11.2rem;
    }
}

.c-company-presentation
{
    position: relative; 

    padding: 4rem 0;
}
.c-company-presentation::after
{
    position: absolute;
    top: 0;
    left: 0;
    left: 8rem; 

    display: block;

    width: 100%;
    width: calc(100% - 16rem);
    height: .1rem;

    content: '';

    background-color: rgba(0, 0, 0, .1);
}
@media (max-width: 87.49em)
{
    .c-company-presentation::after
    {
        left: 4rem; 

        width: calc(100% - 8rem);
    }
}
@media (max-width: 47.99em)
{
    .c-company-presentation::after
    {
        left: 2rem; 

        width: calc(100% - 4rem);
    }
}
@media (min-width: 64em)
{
    .c-company-presentation
    {
        padding: 6rem 0;
    }
}
.c-company-presentation__content
{
    font-size: 1.8rem;
    line-height: 2.6rem;

    padding-bottom: 4rem;
}
.c-company-presentation__content b,
.c-company-presentation__content strong
{
    font-weight: 500;
}
@media (max-width: 63.99em)
{
    .c-company-presentation__content
    {
        font-size: 1.6rem;
        line-height: 2.2rem;
    }
}
.c-company-presentation__shares
{
    display: flex;
    flex-direction: row;

    align-items: center;
}
.c-company-presentation__shares__item
{
    display: flex;

    width: 3rem;
    margin-right: 2rem; 

    align-items: center;
}
.c-company-presentation__shares__item__icon
{
    font-size: 2.9rem;

    display: block;

    transition: all .3s ease-in-out; 

    opacity: .8;
    color: #84899f;
}
.c-company-presentation__shares__item--wechat:hover .c-company-presentation__shares__item__icon
{
    opacity: 1; 
    color: #18812b;
}
.c-company-presentation__shares__item--linkedin:hover .c-company-presentation__shares__item__icon
{
    opacity: 1; 
    color: #0e76a8;
}
.c-company-presentation__shares__item--twitter
{
    font-size: 3.2rem !important;
}
.c-company-presentation__shares__item--twitter:hover .c-company-presentation__shares__item__icon
{
    opacity: 1; 
    color: #1da1f2;
}
.c-company-presentation__shares__item--facebook:hover .c-company-presentation__shares__item__icon
{
    opacity: 1; 
    color: #1877f2;
}
.c-company-presentation__shares__item--youtube:hover .c-company-presentation__shares__item__icon
{
    opacity: 1; 
    color: #f00;
}
.c-company-presentation__shares__item--instagram:hover .c-company-presentation__shares__item__icon
{
    opacity: 1; 
    color: #484a52;
}

.c-news-alert
{
    position: relative;

    display: flex;
    flex-direction: column;

    margin-bottom: 2rem; 
    padding: 2.8rem 2rem 2.8rem 8rem;

    cursor: pointer;

    background-color: rgba(49, 94, 93, .1);

    justify-content: flex-start;
}
@media (min-width: 64em)
{
    .c-news-alert
    {
        min-height: 13.4rem;
        margin-top: 3rem;
        padding: 3rem 15rem; 

        justify-content: center;
    }
}
@media (min-width: 64em)
{
    .c-news-alert--hide-desktop
    {
        display: none !important;
    }
}
@media (max-width: 63.99em)
{
    .c-news-alert--hide-mobile
    {
        display: none;
    }
}
.c-news-alert__icon
{
    position: absolute;
    top: 50%;
    left: 0;

    display: flex;

    width: 6.3rem;
    height: 7.2rem;

    transition: transform .3s ease-in-out; 
    transform: translateY(-50%);

    background-color: #315e5d;

    align-items: center;
    justify-content: center;
}
@media (min-width: 64em)
{
    .c-news-alert__icon
    {
        width: 10.8rem;
        height: 100%;
        min-height: 13.4rem;
    }
}
.c-news-alert__icon--img
{
    width: 2.4rem;
    height: 2.4rem;
}
.c-news-alert__title
{
    font-size: 1.8rem;
    line-height: 2.4rem;

    display: block;

    text-align: left; 
    letter-spacing: .1rem;

    color: #315e5d;
}
@media (min-width: 64em)
{
    .c-news-alert__title
    {
        font-size: 2.8rem;
        line-height: 3.6rem;
    }
}
.c-news-alert__title:hover
{
    color: #315e5d;
}
.c-news-alert__subtitle
{
    font-size: 1.4rem;
    line-height: 1.8rem;

    display: block;

    margin-top: .5rem;

    text-align: left; 

    color: #1b1d27;
}
@media (min-width: 64em)
{
    .c-news-alert__subtitle
    {
        font-size: 1.6rem;
        line-height: 2rem; 

        letter-spacing: .06rem;
    }
}

.c-hero-advanced
{
    position: relative;
    z-index: 0;

    display: flex;

    height: calc(64vh - 5.6rem);

    background-position: center center;
    background-size: cover; 

    align-items: flex-end;
    justify-content: center;
}
@media (min-width: 48em)
{
    .c-hero-advanced
    {
        height: calc(100vh - 5.4rem);
    }
}
.c-hero-advanced--video
{
    background: none !important;
    background-color: #070e1d !important;
}
.c-hero-advanced--video .c-hero__gradiant-background
{
    display: none;
}
.c-hero-advanced__video-container
{
    position: absolute;
    z-index: -2; 
    top: 0;
    left: 0;

    width: 100%;
    height: auto;
}
@media (min-width: 48em)
{
    .c-hero-advanced__video-container
    {
        padding-top: 8rem;
    }
}
@media (min-width: 64em)
{
    .c-hero-advanced__video-container
    {
        padding-top: 7.7rem;
    }
}
.c-hero-advanced__video-container::after
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    content: '';

    background: linear-gradient(90deg, rgba(7, 14, 29, .25) 0%, rgba(7, 14, 29, .7) 100%), linear-gradient(180deg, rgba(7, 14, 29, .2) 0%, #070e1d 100%);
}
@media (min-width: 87.5em)
{
    .c-hero-advanced__video-container::after
    {
        background: linear-gradient(90deg, rgba(7, 14, 29, .25) 0%, rgba(7, 14, 29, .7) 100%), linear-gradient(to top, #070f1e 20%, rgba(7, 15, 30, .4) 90%);
    }
}
.c-hero-advanced__video
{
    width: 100%;
    height: auto;
}
.c-hero-advanced__gradiant-background
{
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    background: linear-gradient(90deg, rgba(7, 14, 29, .25) 0%, rgba(7, 14, 29, .7) 100%), linear-gradient(180deg, rgba(7, 14, 29, .2) 0%, #070e1d 100%);
}
@media (max-width: 47.99em)
{
    .c-hero-advanced__gradiant-background
    {
        background: linear-gradient(90deg, rgba(7, 14, 29, .25) 0%, rgba(7, 14, 29, .7) 100%), linear-gradient(180deg, rgba(7, 14, 29, .2) 0%, #070e1d 100%), linear-gradient(180deg, rgba(7, 14, 29, .2) 80%, #070e1d 100%);
    }
}
.c-hero-advanced__content .h2-like
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.8rem;
    line-height: 3rem;

    margin: 0;

    text-align: center;

    color: #d1d6e6;
}
@media (min-width: 48em)
{
    .c-hero-advanced__content .h2-like
    {
        font-size: 2.4rem;
        line-height: 3.4rem;

        color: #bcbfcf;
        text-shadow: 0 0 4px 0 rgba(0, 0, 0, .7), 0 0 20px 0 rgba(0, 0, 0, .3);
    }
}
.c-hero-advanced__content .big-font
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 3.6rem;
    font-weight: 200;
    line-height: 3.8rem;

    margin: .5rem 0 0 0;

    text-align: center;

    color: #fff;
}
@media (min-width: 48em)
{
    .c-hero-advanced__content .big-font
    {
        font-size: 8rem;
        line-height: 8rem;

        margin: 2rem 0 8.9rem 0;

        text-shadow: 0 0 4px 0 rgba(0, 0, 0, .7), 0 0 20px 0 rgba(0, 0, 0, .3);
    }
}
.c-hero-advanced__bottom
{
    position: absolute;
    bottom: 1rem;
    left: 0;

    width: 100%; 
    padding: 0 2rem;
}
.c-hero-advanced__bottom--button
{
    font-size: 1.6rem;
    line-height: 2.6rem;

    display: none;

    text-align: center;

    color: #fff;
}
@media (min-width: 48em)
{
    .c-hero-advanced__bottom--button
    {
        display: block;
    }
}
.c-hero-advanced__bottom--separator
{
    position: absolute;
    bottom: 0;
    left: 50%;

    width: .1rem;
    height: 6.2rem;

    opacity: 1;
}
.c-hero-advanced__bottom--separator-animated
{
    animation-name: c-separator-scroll-animation;
    animation-duration: 2s;
    animation-timing-function: ease-in-out; 
    animation-iteration-count: infinite;
}
.c-hero-advanced__bottom--separator-scrolled
{
    transform: translateY(4rem);
}
.c-hero-advanced__time
{
    font-size: 1.4rem;
    line-height: 2.6rem; 

    position: absolute;
    top: 7.9rem;
    left: 2rem;

    display: flex;

    color: #fff;

    align-items: center;
}
.c-hero-advanced__time--icon
{
    font-size: 1.4rem; 

    display: inline-block;

    margin-right: .8rem;
}
@media (min-width: 48em)
{
    .c-hero-advanced__time--icon
    {
        font-size: 1.8rem; 

        margin-right: 1rem;
    }
}
@media (min-width: 48em)
{
    .c-hero-advanced__time
    {
        font-size: 1.6rem;
        line-height: 2.6rem; 

        top: inherit;
        bottom: -3rem;
        left: 4rem;
    }
}
.c-hero-advanced__date
{
    font-size: 1.4rem;
    line-height: 2.6rem; 

    position: absolute;
    top: 7.9rem;
    right: 2rem;

    display: flex;

    color: #fff;

    align-items: center;
}
.c-hero-advanced__date::before
{
    position: absolute;
    top: -.7rem;
    right: 0;

    width: 2rem;
    height: .1rem;

    content: '';

    background-color: #fff;
}
@media (min-width: 48em)
{
    .c-hero-advanced__date
    {
        font-size: 1.6rem;
        line-height: 2.6rem; 

        top: inherit;
        right: 4rem;
        bottom: -3rem;
    }
}

.c-hero-intro
{
    position: relative;

    padding: 2.5rem 2rem 4rem 2rem;
}
@media (min-width: 48em)
{
    .c-hero-intro
    {
        padding: 16rem 4rem 8rem 4rem;
    }
}
.c-hero-intro--light .c-hero-intro__content--description,
.c-hero-intro--light-blue .c-hero-intro__content--description,
.c-hero-intro--white .c-hero-intro__content--description
{
    color: #141d29;
}
.c-hero-intro__content
{
    max-width: 845px;
    margin: 0 auto;

    text-align: center;
}
@media (min-width: 48em)
{
    .c-hero-intro__content
    {
        text-align: inherit;
    }
}
.c-hero-intro__content--center
{
    text-align: center;
}
.c-hero-intro__content--description
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.8rem;
    font-weight: normal;
    line-height: 2.8rem;

    margin: 0;

    letter-spacing: 0;

    color: #fff;
}
@media (min-width: 48em)
{
    .c-hero-intro__content--description
    {
        font-size: 2rem;
        font-weight: 500; 
        line-height: 2.6rem;
    }
}
.c-hero-intro .c-separator
{
    top: 0rem;

    height: 6.2rem;
}
.c-hero-intro .c-separator-mobile
{
    margin-top: 3.4rem; 
    margin-bottom: 0;
}
.c-hero-intro .c-separator-mobile__line
{
    height: 5.3rem;
}

body.dossier-page .c-hero-intro .c-separator
{
    top: -3.5rem;
}

.c-offer-item
{
    position: relative;

    cursor: pointer;
    transition: background-color .3s ease; 

    border-bottom: .1rem solid rgba(0, 0, 0, .1);
}
@media (max-width: 63.99em)
{
    .c-offer-item:last-child .c-offer-item__content
    {
        padding: 2rem 2rem 0 2rem;
    }
}
.c-offer-item:hover
{
    background-color: #f9fafc;
}
.c-offer-item:hover .c-offer-item__title
{
    color: #255b8e;
}
.c-offer-item__content
{
    display: flex;
    flex-direction: column;

    padding: 2rem 2rem 2rem 2rem;
}
@media (min-width: 64em)
{
    .c-offer-item__content
    {
        padding: 4rem 7rem;
    }
}
.c-offer-item__fav-btn
{
    position: absolute;
    top: 2.7rem;
    left: .5rem; 

    display: none;
}
@media (min-width: 64em)
{
    .c-offer-item__fav-btn
    {
        top: 4.5rem;
        left: 2rem;
    }
}
@media (max-width: 48em)
{
    .c-offer-item__fav-btn
    {
        top: 3.1rem;
    }
}
.c-offer-item__fav-btn__icon
{
    font-size: 2.2rem;
}
@media (min-width: 64em)
{
    .c-offer-item__fav-btn__icon
    {
        font-size: 2.5rem;
    }
}
.c-offer-item__fav-btn__icon--full
{
    position: absolute;

    transition: opacity .2s ease; 

    opacity: 0;
    color: #255b8e;
}
.c-offer-item__fav-btn__icon--empty
{
    color: #84899f;
}
.c-offer-item__fav-btn--active .c-offer-item__fav-btn__icon--full
{
    opacity: 1;
}
.c-offer-item__fav-btn--active .c-offer-item__fav-btn__icon--empty
{
    opacity: 0;
}
.c-offer-item__fav-btn--active:hover .c-offer-item__fav-btn__icon--full
{
    opacity: 1;
}
.c-offer-item__title
{
    font-size: 1.8rem;
    line-height: 2.5rem; 

    display: block;

    letter-spacing: .04rem;

    color: #1b1d27;
}
@media (min-width: 64em)
{
    .c-offer-item__title
    {
        font-size: 2.2rem;
        line-height: 3rem; 

        letter-spacing: .06rem;
    }
}
.c-offer-item__date
{
    font-size: 1.2rem;
    line-height: 2.5rem; 

    display: block;

    letter-spacing: .2rem;
}
@media (min-width: 64em)
{
    .c-offer-item__date
    {
        font-size: 1.2rem;
        line-height: 2.5rem; 

        letter-spacing: .2rem;
    }
}
.c-offer-item__infos
{
    display: flex;
    flex-direction: column;

    padding-top: 2rem;
}
@media (min-width: 64em)
{
    .c-offer-item__infos
    {
        flex-direction: row;
    }
}
.c-offer-item__infos__item
{
    font-size: 1.3rem;
    line-height: 1.6rem; 

    display: flex;
    flex-direction: row;

    margin-right: 3rem;
    margin-bottom: 1rem;

    letter-spacing: .05rem;

    color: #525668;
}
@media (min-width: 64em)
{
    .c-offer-item__infos__item
    {
        font-size: 1.3rem;
        line-height: 1.6rem; 

        margin-right: 3rem;
        margin-bottom: 0;

        letter-spacing: .05rem;
    }
}
.c-offer-item__infos__item__icon
{
    font-size: 1.8rem; 

    display: inline-block;

    margin-right: 1rem;

    color: #255b8e;
}

@media (max-width: 48em)
{
    .c-offer-item:hover
    {
        background-color: inherit;
    }
}

.c-filter
{
    padding-top: 16rem;
    padding-bottom: 6rem;
}

.c-filter-container
{
    position: relative;

    margin-right: 8rem; 
    margin-left: 8rem;
}
.c-filter-container__title h1
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 36px;
    font-weight: 400;
    line-height: 42px;

    margin: 0;

    color: #141d29;
}

.c-framed-text
{
    position: relative;

    display: flex;

    align-items: center;
    justify-content: center;
}
.c-framed-text__content
{
    font-size: 2.4rem;
    line-height: 2.8rem; 

    padding: 2rem 3rem;

    text-align: center;

    color: #fff;
}
@media (min-width: 64em)
{
    .c-framed-text__content
    {
        font-size: 4.8rem;
        line-height: 5.6rem; 

        padding: 7rem 15rem;
    }
}
.c-framed-text__content::after
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 3.4rem;
    height: 3.4rem;

    content: ''; 

    border-top: .4rem solid #255b8e;
    border-left: .4rem solid #255b8e;
    background-color: transparent;
}
@media (max-width: 63.99em)
{
    .c-framed-text__content::after
    {
        width: 2.2rem;
        height: 2.2rem; 

        border-top: .2rem solid #255b8e;
        border-left: .2rem solid #255b8e;
    }
}
.c-framed-text__content::before
{
    position: absolute;
    right: 0;
    bottom: 0;

    display: block;

    width: 3.4rem;
    height: 3.4rem;

    content: ''; 

    border-right: .4rem solid #255b8e;
    border-bottom: .4rem solid #255b8e;
    background-color: transparent;
}
@media (max-width: 63.99em)
{
    .c-framed-text__content::before
    {
        width: 2.2rem;
        height: 2.2rem; 

        border-right: .2rem solid #255b8e;
        border-bottom: .2rem solid #255b8e;
    }
}

.c-panorama-nav
{
    position: relative;

    display: block;
}
.c-panorama-nav__arrow
{
    display: inline-block;

    border: 0; 
    background-color: transparent;
}
.c-panorama-nav__arrow::before
{
    font-family: 'icomoon' !important;
    font-size: 2.8rem;
    font-weight: lighter; 

    color: #fff;
}
.c-panorama-nav__next
{
    transition: transform .15s ease-in-out; 
    transform: translateY(0);
}
.c-panorama-nav__next::before
{
    content: '\e91d';
}
@media (min-width: 64em)
{
    .c-panorama-nav__next:hover
    {
        transition: transform .3s ease-in-out; 
        transform: translateY(1rem);
    }
}
.c-panorama-nav__prev
{
    transition: transform .15s ease-in-out; 
    transform: translateY(0);
}
.c-panorama-nav__prev::before
{
    content: '\e91c';
}
@media (min-width: 64em)
{
    .c-panorama-nav__prev:hover
    {
        transition: transform .3s ease-in-out; 
        transform: translateY(-1rem);
    }
}
.c-panorama-nav--light .c-panorama-nav__arrow:before
{
    color: #000;
}

.c-structured-panorama-blade__nav
{
    position: absolute;
    top: 1rem;
    right: 1rem;
}
@media (min-width: 64em)
{
    .c-structured-panorama-blade__nav
    {
        top: 4rem;
        right: 4rem;
    }
}

/* ==========================================================================
   #Hero
   ========================================================================== */
.c-hero-panorama
{
    position: relative;
    z-index: 0;

    display: flex;

    height: calc(100vh - 5.7rem);

    background-position: center center;
    background-size: cover; 

    align-items: flex-end;
    justify-content: center;
}
.c-hero-panorama--video
{
    background: none !important;
    background-color: #070e1d !important;
}
.c-hero-panorama--video .c-hero__gradiant-background
{
    display: none;
}
.c-hero-panorama__time
{
    font-size: 1.4rem; 

    position: absolute;
    top: 1rem;
    left: 2rem;

    color: #fff;
}
.c-hero-panorama__time--icon
{
    display: inline-block;

    padding-right: .5rem;
}
@media (min-width: 64em)
{
    .c-hero-panorama__time
    {
        display: none;
    }
}
@media (max-width: 47.99em)
{
    .c-hero-panorama__time
    {
        top: 2rem;
    }
}
.c-hero-panorama__date
{
    font-size: 1.4rem; 

    position: absolute;
    top: 2rem;
    right: 2rem;

    display: block;

    color: #fff;
}
.c-hero-panorama__date::after
{
    position: absolute;
    right: 0;
    bottom: calc(100% + .3rem);

    display: block;

    width: 2rem;
    height: .1rem;

    content: ''; 

    background-color: #fff;
}
@media (min-width: 64em)
{
    .c-hero-panorama__date
    {
        display: none;
    }
}
@media (min-width: 48em)
{
    .c-hero-panorama
    {
        min-height: 70rem;
    }
}
@media (min-width: 64em)
{
    .c-hero-panorama
    {
        min-height: 90rem;
    }
}
@media (max-width: 47.99em)
{
    .c-hero-panorama
    {
        height: calc(64vh - 5.7rem);
        min-height: 25rem;
        margin-top: 5.6rem;
    }
}
.c-hero-panorama__gradiant-background
{
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    background: linear-gradient(90deg, rgba(7, 14, 29, .1) 0%, rgba(7, 14, 29, .4) 100%), linear-gradient(180deg, rgba(7, 14, 29, .2) 0%, #070e1d 100%);
}
@media (max-width: 47.99em)
{
    .c-hero-panorama__gradiant-background
    {
        bottom: 3rem;

        background: linear-gradient(90deg, rgba(7, 14, 29, .1) 0%, rgba(7, 14, 29, .4) 100%), linear-gradient(180deg, rgba(7, 14, 29, .2) 0%, #070e1d 100%), linear-gradient(180deg, rgba(7, 14, 29, .2) 80%, #070e1d 100%);
    }
}
.c-hero-panorama__content
{
    max-width: 54rem;
    margin-bottom: 16.8rem;

    text-align: center;

    color: #fff;
}
@media (min-width: 64em)
{
    .c-hero-panorama__content
    {
        max-width: 100rem;
        margin-bottom: 24.3rem;
    }
}
.c-hero-panorama__content__category
{
    font-size: 1.2rem;
    line-height: 2.5rem;

    display: block;

    text-align: center; 
    letter-spacing: .2rem;
    text-transform: uppercase;

    color: #fff;
}
@media screen and (min-width: 1200px) and (min-height: 1100px)
{
    .c-hero-panorama__content
    {
        margin-bottom: calc(14rem + 12rem);
    }
}
.c-hero-panorama__content__title .h1-smaller
{
    text-shadow: 0 0 2rem rgba(0, 0, 0, .3);
}
.c-hero-panorama__content__subtitle
{
    text-shadow: 0 0 2rem rgba(0, 0, 0, .3);
}
.c-hero-panorama__content:focus
{
    border: none;
}
@media (max-width: 47.99em)
{
    .c-hero-panorama__content--responsive-margin-bottom
    {
        margin-bottom: 4rem;
    }
}
.c-hero-panorama__content .big-font,
.c-hero-panorama__content .h2-like
{
    margin: 0;

    color: #fff;
}
.c-hero-panorama__content .big-font
{
    font-size: 8rem;
    font-weight: 200;
    line-height: 1; 

    max-width: 100rem;
}
@media (max-width: 47.99em)
{
    .c-hero-panorama__content .big-font
    {
        font-size: 3.6rem;
    }
}
.c-hero-panorama__content .big-font
{
    font-size: 8rem;
    font-weight: 200;
    line-height: 8rem;

    text-align: center;
}
@media (max-width: 47.99em)
{
    .c-hero-panorama__content .big-font
    {
        font-size: 3.6rem;
        line-height: 3.8rem;
    }
}
.c-hero-panorama__content .h2-like
{
    font-size: 2.4rem;
    line-height: 3.4rem; 

    margin: 1rem 0;
    margin-bottom: 0;

    color: #bcbfcf;
}
@media (max-width: 47.99em)
{
    .c-hero-panorama__content .h2-like
    {
        font-size: 1.8rem;
        line-height: 2.6rem; 

        color: #d1d6e6;
    }
}
@media (min-width: 48em)
{
    .c-hero-panorama__content .h2-like
    {
        margin: 1.9rem 0;
        margin-bottom: 0;
    }
}
.c-hero-panorama__scroll-down
{
    position: absolute;
    right: 2rem;
    bottom: calc(7.7rem + 2rem);

    display: flex;
    flex-direction: row;

    cursor: pointer; 

    color: #fff;
    border: 0;
    background-color: transparent;

    align-items: center;
    justify-content: center;
}
@media (max-width: 47.99em)
{
    .c-hero-panorama__scroll-down
    {
        font-size: 1.4rem;

        right: 50%;

        transform: translateX(50%);
    }
}
.c-hero-panorama__scroll-down--icon
{
    font-size: 3rem;

    display: block;

    margin-left: 2rem;

    transition: transform .3s ease-in-out; 
    transform: translateY(0);
}
@media (max-width: 47.99em)
{
    .c-hero-panorama__scroll-down--icon
    {
        font-size: 2.5rem;
    }
}
@media (min-width: 64em)
{
    .c-hero-panorama__scroll-down
    {
        right: 3rem; 
        bottom: calc(5.5rem + 4rem);
    }
}
.c-hero-panorama__scroll-down:hover .c-hero-panorama__scroll-down--icon
{
    transform: translateY(.5rem);
}

.c-suscribe
{
    display: flex;
    flex-direction: column;

    padding: 6rem 2rem;

    background-color: #e7eaf2; 

    align-items: center;
    justify-content: center;
}
@media (min-width: 64em)
{
    .c-suscribe
    {
        padding: 8rem 0;
    }
}
.c-suscribe__title
{
    margin-bottom: 2rem;
}
.c-suscribe__subtitle
{
    margin-bottom: 2rem;
}
.c-suscribe .c-searchbar
{
    width: 40rem;
}

.c-rotate-device
{
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;

    display: none;
    flex-direction: column;

    width: 100%;
    height: 100%;

    background: linear-gradient(180deg, #070e1d 0%, #11203e 100%); 

    align-items: center;
    justify-content: center;
}
@media (min-width: 64em)
{
    .c-rotate-device
    {
        display: none;
    }
}
.c-rotate-device__content
{
    display: flex;
    flex-direction: column;

    max-width: 30rem; 

    align-items: center;
    justify-content: center;
}
.c-rotate-device__content__text
{
    font-size: 1.8rem;
    line-height: 2.8rem;

    text-align: center; 

    color: #fff;
}
.c-rotate-device__content__img
{
    width: 5rem;
    height: auto;
    margin: 6rem 0 1.5rem 0;
}
.c-rotate-device__content__label
{
    font-size: 1.4rem;
    line-height: 2.6rem; 

    color: #fff;
}

.c-banner-content
{
    padding-top: 7.7rem;
}
@media (min-width: 64em)
{
    .c-banner-content
    {
        padding-top: 13rem;
    }
}
@media (max-width: 47.99em)
{
    .c-banner-content
    {
        padding-top: 5.6rem;
    }
}
@media (max-width: 63.99em)
{
    .c-banner-content--small-padding
    {
        padding-top: 5.6rem;
    }
}
.c-banner-content--full-height
{
    position: relative;
}
@media (min-width: 48em)
{
    .c-banner-content--full-height
    {
        padding-top: 7.7rem;
    }
}
@media (min-width: 64em)
{
    .c-banner-content--full-height
    {
        padding-top: 7.7rem;
    }
}
.c-banner-content--full-height .c-banner-content__container
{
    margin-top: 0;
}
.c-banner-content--full-height .c-banner-content__title
{
    font-family: 'Barlow';
    font-size: 3.6rem;
    font-weight: 400;
    line-height: 1.25; 

    margin: 0;
    margin-top: 0;
    margin-bottom: 2rem;
    padding: 0;
    padding-top: 3rem;

    color: inherit;
}
@media (min-width: 64em)
{
    .c-banner-content--full-height .c-banner-content__title
    {
        padding-top: 0rem;
    }
}
.c-banner-content--full-height .c-banner-content__content
{
    font-size: 1.6rem;
    line-height: 2.2rem; 

    width: 100%;
    margin: 0 auto;
    padding: 0;
    padding-bottom: 4rem;

    color: #1b1d27;
    background-color: #fff;
}
@media (min-width: 64em)
{
    .c-banner-content--full-height .c-banner-content__content
    {
        font-size: 1.8rem;
        line-height: 2.6rem;
    }
}
@media (min-width: 87.5em)
{
    .c-banner-content--full-height .c-banner-content__content
    {
        padding-bottom: 8rem;
    }
}
.c-banner-content__img
{
    height: 37rem;

    background-position: center center;
    background-size: cover;
}
@media (min-width: 64em)
{
    .c-banner-content__img
    {
        height: 40rem;
    }
}
.c-banner-content__img--full-height
{
    position: relative; 

    height: auto;
    margin-top: 0;
    padding-top: 56.24%;
}
.c-banner-content__img--full-height .c-hero__video-container
{
    height: 100%; 
    padding-top: 0;
}
.c-banner-content__img--full-height .c-hero__video-container video
{
    height: 100%;
}
.c-banner-content__img--full-height .c-hero__video-container:after
{
    display: none;
}
@media (min-width: 64em)
{
    .c-banner-content__img--full-height
    {
        margin-top: 0;
    }
}
.c-banner-content__overlay
{
    position: absolute;
    top: 13rem;
    left: 0;

    width: 100%;
    height: 40rem;

    opacity: .7;
    background: linear-gradient(90deg, rgba(7, 14, 29, .25) 0%, rgba(7, 14, 29, .7) 100%), linear-gradient(0deg, rgba(7, 14, 29, .6) 0%, rgba(7, 14, 29, 0) 100%), linear-gradient(90deg, rgba(7, 14, 29, .25) 0%, rgba(7, 14, 29, .7) 100%);
}
@media (max-width: 63.99em)
{
    .c-banner-content__overlay
    {
        top: 7.7rem;

        height: 37rem;
    }
}
@media (max-width: 47.99em)
{
    .c-banner-content__overlay
    {
        top: 5.6rem;
    }
}
.c-banner-content__title
{
    font-size: 3.6rem;
    line-height: 3.8rem;

    margin-top: -16rem;
    padding: 4rem 2rem;

    text-align: center; 

    color: #fff;
}
.c-banner-content__title span
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 2.4rem;
    line-height: 3.4rem;

    display: block;

    margin-top: .5rem;

    color: #bcbfcf;
    text-shadow: 0 0 4px 0 rgba(0, 0, 0, .7), 0 0 20px 0 rgba(0, 0, 0, .3);
}
@media (max-width: 48em)
{
    .c-banner-content__title span
    {
        font-size: 1.8rem;
        line-height: 2.2rem;
    }
}
@media (min-width: 64em)
{
    .c-banner-content__title
    {
        font-size: 8rem;
        line-height: 8rem; 

        margin-top: -18.5rem;
        padding: 5rem 4rem;
    }
}
@media (max-width: 48em)
{
    .c-banner-content__title
    {
        padding-bottom: 3rem;
    }
}
.c-banner-content__title-tag
{
    font-size: 2.4rem; 

    margin-top: -3rem;
    padding: 0 0 4rem;

    text-align: center;

    color: #fff;
    color: #bcbfcf;
}
.c-banner-content__container
{
    position: relative;

    display: flex;
    flex-direction: column;

    margin-top: -8rem; 

    justify-content: center;
}
@media (min-width: 64em)
{
    .c-banner-content__container
    {
        margin-top: -11.5rem;
    }
}
.c-banner-content__content
{
    font-size: 1.6rem;
    line-height: 2.2rem;

    width: calc(100% - 4rem);
    margin: 0 auto;
    padding: 4rem;

    text-align: center; 

    color: #1b1d27;
    background-color: #fff;
}
.c-banner-content__content p
{
    margin: 0;
}
@media (max-width: 63.99em)
{
    .c-banner-content__content
    {
        padding-right: 3.72rem; 
        padding-left: 3.72rem;
    }
}
@media (min-width: 64em)
{
    .c-banner-content__content
    {
        font-size: 1.8rem;
        line-height: 2.6rem; 

        width: calc(100% - 16rem);
        padding: 4rem 10rem;
    }
}
@media (min-width: 87.5em)
{
    .c-banner-content__content
    {
        width: calc(100% - 16rem);
        padding: 8rem 21.67rem;
    }
}
.c-banner-content__content--realbutton
{
    margin-top: 3rem;
}
@media (max-width: 48em)
{
    .c-banner-content__content--realbutton
    {
        margin-top: 2rem;
    }
}
.c-banner-content__filters
{
    width: 90%; 
    margin: 5rem auto;
    padding: 3rem;

    background-color: #f9fafc;
}
@media (min-width: 64em)
{
    .c-banner-content__filters
    {
        width: calc(100% - 24rem);
    }
}
@media (min-width: 87.5em)
{
    .c-banner-content__filters
    {
        width: calc(100% - 44rem);
    }
}
@media (max-width: 63.99em)
{
    .c-banner-content__filters
    {
        display: none;
    }
}
.c-banner-content__filters__main
{
    display: flex;
    flex-direction: row;
}
.c-banner-content__filters__select
{
    display: flex;
    flex-direction: row; 

    flex: 1;
}
.c-banner-content__filters__select__container
{
    position: relative;

    max-width: 21rem; 
    padding: 0 1.5rem;

    flex: 1;
}
.c-banner-content__filters__select__container .c-custom-select-wrapper
{
    background-color: #fff;
}
.c-banner-content__filters__button-container
{
    width: 20%;
    margin-left: 7rem;

    text-align: right;
}
.c-banner-content__filters__button-container .c-btn + .c-btn
{
    margin-left: 2rem;
}
.c-banner-content__filters__current-filters-reset-container
{
    display: flex;

    align-items: center;
    justify-content: space-between;
}
.c-banner-content__filters__current-filters-container
{
    padding-top: 5.2rem;
    padding-bottom: 4rem;
}
.c-banner-content__filters__current-filter
{
    font-size: 1.4rem;
    line-height: 1.21; 

    padding: .8rem;

    color: #3b3e4d;
}
.c-banner-content__filters__current-filter--content
{
    margin-left: 1.5rem;
    padding: .8rem;

    color: #fff; 
    border-radius: .4rem;
    background-color: #255b8e;
}
.c-banner-content__filters__current-filter + .c-banner-content__filters__current-filter
{
    margin-left: 1.5rem;
}
.c-banner-content__filters__remove-icon
{
    width: 1.4rem;
    height: auto;
    margin-left: .7rem;
}
.c-banner-content.c-institutional-finance .c-banner-content__title span,
.c-banner-content.c-institutional-group .c-banner-content__title span,
.c-banner-content.c-institutional-transverse .c-banner-content__title span,
.c-banner-content.c-graphic-chart .c-banner-content__title span
{
    font-size: 3.6rem;
    line-height: 3.8rem; 

    color: #fff;
}

.regulated-informations-page .c-banner-content__filters
{
    margin: 5rem auto 4rem auto;
}
@media (max-width: 87.49em)
{
    .regulated-informations-page .c-banner-content__filters
    {
        margin: 5rem auto 2rem auto;
    }
}

.tag .block-alert .c-banner-content__title
{
    margin-top: -9rem;
}
@media (min-width: 64em)
{
    .tag .block-alert .c-banner-content__title
    {
        margin-top: -18.5rem;
    }
}

.c-link-info-item
{
    display: flex;

    padding: 2rem 0;

    transition: all .4s ease-in-out; 

    border-bottom: .1rem solid #d1d6e6;
    background-color: transparent;

    align-items: center;
    justify-content: space-between;
}
@media (min-width: 64em)
{
    .c-link-info-item
    {
        min-height: 9.7rem;
    }
}
.c-link-info-item:hover
{
    background-color: #f9fafc;
}
.c-link-info-item:hover .c-go-to-page__icon-arrow
{
    animation-name: hvr-icon-go-to;
    animation-duration: .7s;
    animation-timing-function: ease-in-out; 
    animation-iteration-count: 1;
}
.c-link-info-item .c-go-to-page
{
    padding-right: 0;
}
.c-link-info-item .c-go-to-page .c-cta
{
    line-height: 1.6rem; 

    margin-right: 0;
}
.c-link-info-item .c-go-to-page .c-caption
{
    line-height: 1.6rem;
}
@media (min-width: 48em)
{
    .c-link-info-item .c-go-to-page
    {
        white-space: nowrap;
    }
}
@media (max-width: 47.99em)
{
    .c-link-info-item
    {
        flex-direction: column;

        padding-right: 2rem;
        padding-right: 0;
        padding-left: 2rem;
        padding-left: 0; 

        align-items: flex-start;
    }
    .c-link-info-item .c-download-file
    {
        margin-top: 1rem;
    }
    .c-link-info-item .c-download-file .c-download-file__cta-container
    {
        display: flex;
    }
    .c-link-info-item .c-download-file .c-caption
    {
        margin-top: .2rem;
    }
}
.c-link-info-item:not(:last-child)
{
    border-bottom: .1rem solid #d1d6e6;
}
.c-link-info-item p
{
    display: flex;
    flex-direction: row;

    width: 100%; 
    max-width: calc(100% - 15rem);
    margin: 0;

    color: #141d29;

    align-items: center;
}
@media (max-width: 47.99em)
{
    .c-link-info-item p
    {
        font-size: 1.6rem; 

        max-width: none;
        padding: 1.5rem 0;
    }
}
.c-link-info-item__content
{
    display: flex;
    flex-direction: column;
}
@media (min-width: 64em)
{
    .c-link-info-item__content
    {
        flex-direction: row;

        align-items: center;
        flex-basis: calc(100% - 4.2rem);
    }
}
.c-link-info-item__content__date
{
    font-size: 1.2rem;
    line-height: 2.5rem;

    display: block;

    padding-right: 3rem; 

    letter-spacing: .2rem;

    color: #525668;
}
@media (max-width: 63.99em)
{
    .c-link-info-item__content__date
    {
        line-height: 2rem;
    }
}
.c-link-info-item__content__text
{
    display: flex;
    flex-direction: column;

    width: 100%;
}
.c-link-info-item__description
{
    font-size: 1.4rem;

    letter-spacing: .4px; 

    color: #525668;
}
@media (max-width: 47.99em)
{
    .c-link-info-item__description
    {
        margin-top: 1rem;
    }
}
.c-link-info-item__type-icon
{
    font-size: 3.5rem; 

    display: block;

    width: 4.2rem;
    height: auto;
    margin-right: 3rem;

    color: #bcbfcf;
}
@media (max-width: 47.99em)
{
    .c-link-info-item__type-icon
    {
        display: none; 

        width: 3.9rem;
        margin-right: 1rem;
    }
}
.c-link-info-item__link
{
    display: inline-flex;

    padding: 1rem 0 1rem 1rem; 

    align-items: center;
    justify-content: center;
}
.c-link-info-item__link__icon
{
    margin-right: 2rem;
}
@media (max-width: 47.99em)
{
    .c-link-info-item__link__icon
    {
        margin-left: -1rem;
    }
}
.c-link-info-item--dark p
{
    color: #fff;
}

.c-stock-prices-charts
{
    position: relative;

    width: 100%;
    height: 80.2rem;
}
@media (max-width: 47.99em)
{
    .c-stock-prices-charts
    {
        overflow-x: scroll;
    }
}
.c-stock-prices-charts__container
{
    position: absolute;
    top: 0;
    left: 0;

    visibility: hidden;

    width: 100%;
    height: 80.2rem;
    margin-right: -1rem;
    margin-left: -1rem;
}
@media (max-width: 47.99em)
{
    .c-stock-prices-charts__container
    {
        min-width: 60rem;
    }
}
.c-stock-prices-charts__container--active
{
    visibility: visible;
}
.c-stock-prices-charts__container .amcharts-Container
{
    font-family: 'Barlow';
}
.c-stock-prices-charts__container .amcharts-Label
{
    font-size: 1.3rem;
}
.c-stock-prices-charts__container .amcharts-AxisLabel
{
    font-size: 1.2rem;

    letter-spacing: .4rem !important; 

    color: #141d29 !important;
}
.c-stock-prices-charts__container .amcharts-Rectangle-group
{
    fill: transparent;
}
.c-stock-prices-charts__container .amcharts-tooltip-title--series1
{
    display: block;

    color: #255b8e !important;
}
.c-stock-prices-charts__container .amcharts-tooltip-title--series2
{
    display: block;

    color: #bd3461 !important;
}
.c-stock-prices-charts__container .amcharts-AmChartsLogo-group
{
    display: none;
}

.c-stock-prices-table
{
    padding: 4rem 0;
}
.c-stock-prices-table__array--cac,
.c-stock-prices-table__array--daily
{
    display: none;
}
.c-stock-prices-table__array table
{
    width: 100%;
    margin: 0 auto;
}
.c-stock-prices-table__array thead
{
    background-color: #f9fafc;
}
.c-stock-prices-table__array thead th
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 2rem;

    height: 6.3rem;
    padding: 2rem;

    letter-spacing: .6px;

    color: #525668;
    border-left: 1px solid #e7eaf2;
    background-color: transparent;
}
.c-stock-prices-table__array thead th:first-child
{
    border: 0;
}
.c-stock-prices-table__array thead th span
{
    font-size: 1.3rem;

    margin-top: .5rem; 

    color: #84899f;
}
.c-stock-prices-table__array tbody
{
    position: relative;

    display: block;
    overflow: auto;

    max-height: 80rem;
    /* Track */
    /* Handle */
}
.c-stock-prices-table__array tbody tr
{
    height: 8rem;

    border-bottom: 1px solid #d1d6e6;
}
.c-stock-prices-table__array tbody tr.invisible
{
    display: none;
}
.c-stock-prices-table__array tbody td
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.8rem;
    line-height: 2.2rem; 

    height: 8rem;

    text-align: center;

    color: #1b1d27;
    background-color: #fff;
}
.c-stock-prices-table__array tbody::-webkit-scrollbar
{
    width: 6px;
}
.c-stock-prices-table__array tbody::-webkit-scrollbar-track
{
    border-radius: 10px;
    background-color: #e8ecf4;
}
.c-stock-prices-table__array tbody::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    background-color: #a4acbc;
}
.c-stock-prices-table__array thead,
.c-stock-prices-table__array tbody tr
{
    display: table;

    width: 100%;

    table-layout: fixed;
    /* even columns width , fix width of table too*/
}
.c-stock-prices-table__array .grey-background
{
    font-weight: 500; 

    background-color: #e7eaf2;
}
.c-stock-prices-table__array .bold
{
    font-weight: 600;
}

@media (max-width: 87.5em)
{
    .c-stock-prices-table
    {
        padding: 4rem;
    }
}

@media (max-width: 48em)
{
    .c-stock-prices-table
    {
        padding: 4rem 0rem;
    }
    .c-stock-prices-table__array
    {
        overflow-x: scroll;
    }
    .c-stock-prices-table__array table
    {
        display: block;

        width: 100%;
        min-width: 70rem;
        padding-bottom: 1.5rem; 

        white-space: nowrap;
    }
    .c-stock-prices-table__array table tbody
    {
        max-height: 64rem;
    }
    .c-stock-prices-table__array table::-webkit-scrollbar-track
    {
        position: absolute;
        top: calc(100% + 10rem);
        left: 0;

        width: 100%;
        margin-top: 3rem;

        border-radius: 10px; 
        background-color: #e8ecf4;
    }
    .c-stock-prices-table__array table::-webkit-scrollbar
    {
        position: absolute;
        top: calc(100% + 10rem);
        left: 0;

        width: 100%;
        height: 5px;

        background-color: transparent;
    }
    .c-stock-prices-table__array table::-webkit-scrollbar-thumb
    {
        height: 5px;
        margin-top: 3rem;

        border-radius: 10px; 
        background-color: #bcbfcf;
    }
}

.c-sticky-menu-progress
{
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;

    width: 100%;

    transition: transform .3s ease-in-out; 
    transform: translateY(-100%);

    background-color: rgba(27, 29, 39, .95);
}
.c-sticky-menu-progress--active .c-sticky-menu-progress__header__current__icon
{
    transform: rotate(-90deg);
}
.c-sticky-menu-progress--show
{
    transform: translateY(0);
}
.c-sticky-menu-progress__header__current
{
    position: relative;

    display: flex;
    flex-direction: row;

    padding: 2rem;

    cursor: pointer; 

    justify-content: center;
}
@media (min-width: 64em)
{
    .c-sticky-menu-progress__header__current
    {
        max-width: 93.4rem;
        height: 6.1rem; 
        margin: 0 auto;
        padding: 0;
    }
}
.c-sticky-menu-progress__header__current__icon
{
    font-size: 1.3rem;

    position: relative;

    display: block;

    margin-top: .8rem;
    margin-left: .8rem; 

    transition: transform .5s ease-in-out;
    transform: rotate(90deg);
    transform-origin: center center;

    color: #a4acbc;
}
@media (max-width: 63.99em)
{
    .c-sticky-menu-progress__header__current__icon
    {
        position: absolute;
        top: 50%;
        right: 2rem;

        margin: 0;
    }
}
.c-sticky-menu-progress__header__current__item
{
    display: flex;
    flex-direction: column;

    width: 100%; 

    align-items: inherit;
    justify-content: center;
}
@media (min-width: 64em)
{
    .c-sticky-menu-progress__header__current__item
    {
        flex-direction: row;

        align-items: center;
    }
}
.c-sticky-menu-progress__header__current__item__index
{
    display: block;

    color: #a4acbc;
}
@media (min-width: 64em)
{
    .c-sticky-menu-progress__header__current__item__index
    {
        font-size: 1.6rem;
        line-height: 2rem;

        margin-right: 2.5rem;
        padding-top: .5rem;

        transition: color .2s ease-in-out; 
        letter-spacing: .06rem;
    }
}
.c-sticky-menu-progress__header__current__item__label
{
    display: block;
    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis; 

    color: #e7eaf2;
}
@media (min-width: 64em)
{
    .c-sticky-menu-progress__header__current__item__label
    {
        font-size: 2.2rem;
        line-height: 3rem;

        transition: color .2s ease-in-out; 
        letter-spacing: .06rem;
    }
}
.c-sticky-menu-progress__header__progress-bar
{
    width: 0; 
    height: .4rem;

    background: #255b8e;
}
.c-sticky-menu-progress__header__progress-bar__container
{
    width: 100%;
    height: .4rem;

    background: #a4acbc;
}
.c-sticky-menu-progress__nav
{
    display: block;
    overflow: hidden;

    height: 0;

    transition: height .5s ease-in-out;
}
.c-sticky-menu-progress__nav__sections
{
    display: flex;
    flex-direction: column;

    padding: 4rem 0 4rem 1.5rem;
}
@media (min-width: 64em)
{
    .c-sticky-menu-progress__nav__sections
    {
        padding: 6rem 0;
    }
}
.c-sticky-menu-progress__nav__sections__item
{
    display: flex;
    flex-direction: column;

    padding: .7rem 0;
}
.c-sticky-menu-progress__nav__sections__item--active .c-structured-table-content__content__sections__item__index
{
    position: relative;
}
.c-sticky-menu-progress__nav__sections__item--active .c-structured-table-content__content__sections__item__index::before
{
    position: absolute;
    top: 0;
    left: -1.5rem;

    display: block;

    width: .2rem;
    height: 2.6rem;

    content: ''; 

    background-color: #255b8e;
}
@media (min-width: 64em)
{
    .c-sticky-menu-progress__nav__sections__item
    {
        flex-direction: row;

        padding: 1.2rem 0;
    }
}
.c-sticky-menu-progress__nav__sections__item__index
{
    position: relative;

    display: block;

    color: #a4acbc;
}
@media (min-width: 64em)
{
    .c-sticky-menu-progress__nav__sections__item__index
    {
        font-size: 1.6rem;
        line-height: 2rem;

        padding-top: .5rem;

        transition: color .2s ease-in-out; 
        letter-spacing: .06rem;

        flex: 10%;
    }
}
.c-sticky-menu-progress__nav__sections__item__label
{
    display: block;

    color: #e7eaf2;
}
@media (min-width: 64em)
{
    .c-sticky-menu-progress__nav__sections__item__label
    {
        font-size: 2.2rem;
        line-height: 3rem;

        transition: color .2s ease-in-out; 
        letter-spacing: .06rem;

        flex: 80%;
    }
}

.c-section-item
{
    position: relative;

    display: block;
}
.c-section-item__image
{
    position: relative;

    display: block;

    height: 30rem;

    background-repeat: no-repeat; 
    background-position: top center;
    background-size: cover;
}
@media (min-width: 48em)
{
    .c-section-item__image
    {
        height: 36rem;
    }
}
@media (min-width: 64em)
{
    .c-section-item__image
    {
        height: 60rem;
    }
}
.c-section-item__index
{
    font-size: 12rem;
    font-weight: 200;
    line-height: 14.4rem;

    position: relative;

    display: inline-block;

    margin-top: -9.5rem; 

    letter-spacing: 1.2rem;

    color: #c2ddf3;
}
.c-section-item__index::after
{
    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 1px;

    content: '';

    background-color: #7fb8e7;
}
@media (min-width: 64em)
{
    .c-section-item__index
    {
        font-size: 30rem;
        line-height: 36rem;

        margin-top: -25rem; 
        padding-left: 12rem;

        letter-spacing: 3rem;
    }
}
.c-section-item__content
{
    margin: 0 auto;
    margin-top: 3rem;
    margin-bottom: 6rem; 
    padding-right: 2rem;
    padding-left: 2rem;
}
@media (min-width: 48em)
{
    .c-section-item__content
    {
        padding-right: 4rem; 
        padding-left: 4rem;
    }
}
@media (min-width: 64em)
{
    .c-section-item__content
    {
        max-width: 85rem;
        margin-top: 8rem;
        margin-bottom: 16rem;
        padding-right: 0; 
        padding-left: 0;
    }
}
.c-section-item__content.tfa-entry-form
{
    margin-top: 15rem;
}
.c-section-item__content__title h2
{
    font-size: 2.4rem;
    line-height: 3rem;

    margin: 0; 

    letter-spacing: 0;

    color: #1b1d27;
}
@media (min-width: 64em)
{
    .c-section-item__content__title h2
    {
        font-size: 3.6rem;
        line-height: 4.2rem;

        color: #141d29;
    }
}
.c-section-item__content__text
{
    margin-top: 1.5rem;
}
@media (min-width: 64em)
{
    .c-section-item__content__text
    {
        margin-top: 2.5rem;
    }
}
.c-section-item__content__text .c-editor-text
{
    padding: 0;
}
.c-section-item__content__text p
{
    font-size: 1.6rem;
    line-height: 2.2rem;

    color: #1b1d27;
}
@media (min-width: 64em)
{
    .c-section-item__content__text p
    {
        font-size: 1.8rem;
        line-height: 2.6rem;
    }
}
.c-section-item__content__text h3
{
    font-size: 1.6rem;
    line-height: 2.2rem;

    margin-top: 4rem;

    color: #141d29;
}
@media (min-width: 64em)
{
    .c-section-item__content__text h3
    {
        font-size: 2.8rem;
        line-height: 3.6rem;
    }
}
.c-section-item__content__text h3 + p
{
    margin-top: 1.5rem !important;
}
@media (min-width: 64em)
{
    .c-section-item__content__text h3 + p
    {
        margin-top: 1.7rem !important;
    }
}
.c-section-item__content--without-index
{
    margin-top: 4rem;
    margin-bottom: 4rem;
}
@media (min-width: 87.5em)
{
    .c-section-item__content--without-index
    {
        margin-top: 8rem;
        margin-bottom: 8rem;
    }
}

.c-newsletter-wrapper
{
    min-height: 70vh;
}

.c-newsletter-block
{
    display: none;
}

@media (max-width: 64em)
{
    .c-newsletter-block
    {
        position: relative;

        display: block;

        padding: 0 2rem;
    }
    .c-newsletter-block__content
    {
        position: relative;

        display: block;
        display: flex;

        width: 100%;
        max-width: 355px;
        margin: 0 auto;
        padding: 1.7rem 3rem;

        background-color: #315e5d;

        align-items: center;
    }
    .c-newsletter-block__content img
    {
        display: inline-block;

        width: 22px;
        height: 22px;
    }
    .c-newsletter-block__content span
    {
        font-family: 'Barlow', Arial, sans-serif;
        font-size: 1.3rem;
        font-weight: 600;
        line-height: 1.3rem;

        overflow: hidden;

        margin-left: 2rem;

        white-space: nowrap;
        letter-spacing: 2.8px;
        text-transform: uppercase;
        text-overflow: ellipsis; 

        color: #fff;
    }
}

@media (max-width: 30em)
{
    .c-newsletter-block
    {
        padding: 0 2rem;
    }
    .c-newsletter-block__content
    {
        max-width: inherit;
    }
}

.c-exergue
{
    padding: 8rem;
}

.c-exergue-container p
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 2.2rem;
    font-weight: 500;
    line-height: 3.2rem;

    margin: 0;

    letter-spacing: 0;

    color: #073a7c;
}

@media (max-width: 48em)
{
    .c-exergue p
    {
        font-size: 1.8rem;
        line-height: 3rem;
    }
}

.c-list__content__item
{
    position: relative;

    padding: .5rem 0rem .5rem 3rem;
}
.c-list__content__item::before
{
    position: absolute;
    top: 2rem;
    left: 0;

    display: block;

    width: 1.5rem;
    height: .1rem;

    content: ''; 

    background-color: #141d29;
}

.c-organization-chiefs__content
{
    display: flex;
}
@media (max-width: 63.99em)
{
    .c-organization-chiefs__content
    {
        flex-direction: row;

        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
}
.c-organization-chiefs__content__image
{
    max-width: 90rem;
    padding: 2rem 0; 

    flex: 0 0 100%;
}
@media (min-width: 64em)
{
    .c-organization-chiefs__content__image
    {
        padding: 2rem 6rem 2rem 2rem; 

        flex: 1;
    }
}
@media (max-width: 63.99em)
{
    .c-organization-chiefs__content__image
    {
        order: 1;
    }
}
.c-organization-chiefs__content__image__visual
{
    width: 100%;
}
@media (max-width: 63.99em)
{
    .c-organization-chiefs__content__item
    {
        margin: 0 auto; 
        padding: 2rem 0;

        order: 2;
    }
    .c-organization-chiefs__content__item .c-profile-card-item__description
    {
        min-width: inherit;
    }
}
@media (min-width: 64em)
{
    .c-organization-chiefs__content__item
    {
        display: flex;

        min-width: 25rem;

        cursor: pointer;

        align-items: center;
    }
    .c-organization-chiefs__content__item--second
    {
        justify-content: flex-end;
    }
    .c-organization-chiefs__content__item:hover .c-btn--text-button
    {
        padding-left: 8rem;

        color: #0f60a7;
    }
    .c-organization-chiefs__content__item:hover .c-btn--text-button::before
    {
        width: 6rem;
    }
}
@media (max-width: 29.99em)
{
    .c-organization-chiefs__content__item .c-profile-card-item__name
    {
        font-size: 1.5rem;
    }
    .c-organization-chiefs__content__item .c-profile-card-item__description
    {
        font-size: 1.5rem;
    }
    .c-organization-chiefs__content__item .c-profile-card-item__button-container span
    {
        font-size: 1.2rem;

        padding-left: 4rem;
    }
    .c-organization-chiefs__content__item .c-profile-card-item__button-container span:before
    {
        width: 2rem;
    }
    .c-organization-chiefs__content__item .c-profile-card-item__button-container span:hover::before
    {
        width: 3rem;
    }
}
@media (max-width: 23.115em)
{
    .c-organization-chiefs__content__item .c-profile-card-item__name
    {
        font-size: 1.35rem;
    }
    .c-organization-chiefs__content__item .c-profile-card-item__description
    {
        font-size: 1.35rem;
    }
    .c-organization-chiefs__content__item .c-profile-card-item__button-container span
    {
        font-size: 1.10rem;

        padding-right: 0; 
        padding-left: 2.75rem;
    }
    .c-organization-chiefs__content__item .c-profile-card-item__button-container span:before
    {
        width: 1.75rem;
    }
    .c-organization-chiefs__content__item .c-profile-card-item__button-container span:hover::before
    {
        width: 2.25rem;
    }
}

.c-panel-questions
{
    padding: 8rem 12rem;
    padding-top: 6rem;
}
.c-panel-questions__group:not(:first-child)
{
    margin-top: 4rem;
}
.c-panel-questions__group__panel--content .c-structured-contact-detail-card
{
    padding-top: 0;
}
.c-panel-questions__group__panel--content .c-structured-contact-detail-card__title
{
    padding: 0 8rem 4rem;
}
.c-panel-questions__group__panel--content--contact
{
    display: flex;
    flex-direction: row;

    justify-content: space-between;
}
.c-panel-questions__group__panel--content--contact .c-structured-contact-detail-card__item
{
    padding: 0; 

    flex-basis: 50%;
}
.c-panel-questions__group__panel--content .c-custom-select-wrapper .c-custom-select-wrapper__label
{
    top: 2rem; 
    left: .1rem;

    padding: 0 2rem;

    background-color: #fff;
}
.c-panel-questions__group__panel--content .c-custom-select-wrapper .c-custom-select-wrapper__label--option-selected,
.c-panel-questions__group__panel--content .c-custom-select-wrapper .c-custom-select-wrapper__label--option-selected-fixed,
.c-panel-questions__group__panel--content .c-custom-select-wrapper .c-custom-select-wrapper__label.focused-fixed
{
    top: -2rem  !important;
    left: 0  !important;

    padding: 0  !important; 

    background-color: transparent !important;
}
.c-panel-questions__group__panel--content .c-form-container .c-custom-select-wrapper .select2-container
{
    border: .1rem solid #bcbfcf;
}
.c-panel-questions__group__panel--content .c-form-container .c-custom-select-wrapper .select2-container--focus
{
    box-shadow: none;
}
.c-panel-questions__group__panel--content .c-form-container .c-custom-select-wrapper .select2-container.select2-container--open
{
    border: .1rem solid #1767ad;
}
.c-panel-questions__group__panel--visible .c-panel-questions__group__panel--content
{
    display: block;
}
.c-panel-questions__group__panel--visible .c-panel-questions__group__panel--title
{
    cursor: auto;
}
@media (max-width: 63.99em)
{
    .c-panel-questions__group__panel--visible .c-panel-questions__group__panel--title
    {
        min-height: 5.4rem;
    }
}
@media (max-width: 63.99em)
{
    .c-panel-questions__group__panel.active-panel .c-panel-questions__group__panel--title
    {
        min-height: 8.8rem;
    }
}
.c-panel-questions__group__panel.active-panel > div .number:before
{
    background-color: #073a7c;
}
.c-panel-questions__group__panel.active-panel > div .selection
{
    flex-direction: column;

    align-items: inherit;
    justify-content: center;
}
.c-panel-questions__group__panel.active-panel > div .selection h2
{
    font-size: 1.3rem;
    line-height: 1.6rem;

    letter-spacing: .49px;

    color: #525668;
}
.c-panel-questions__group__panel.active-panel > div .selection span
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.8rem;
    line-height: 2.6rem;

    color: #1b1d27;
}
.c-panel-questions__group__panel.active-panel > div .modify
{
    display: flex;
}
.c-panel-questions__group__panel.active-panel > div:last-child
{
    visibility: hidden;

    height: 0;
    margin: 0;
    padding: 0; 

    opacity: 0;
}
.c-panel-questions__group__panel--title
{
    display: flex;

    height: 8.8rem;
    min-height: 8.8rem;
    padding: 0 3rem;

    cursor: pointer; 

    border: 1px solid #ebecf2;
    background-color: #fff;
    box-shadow: 0 4px 7px 0 rgba(0, 0, 0, .05);
}
@media (max-width: 63.99em)
{
    .c-panel-questions__group__panel--title
    {
        padding: 1.5rem 2rem;
    }
}
@media (min-width: 64em)
{
    .c-panel-questions__group__panel--title
    {
        min-height: 8.8rem;
    }
}
.c-panel-questions__group__panel--title .number
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.4rem;
    font-weight: 600;

    position: relative;
    z-index: 10; 

    display: flex;

    width: 3rem;

    text-align: center;

    color: #fff;

    align-items: center;
    justify-content: center;
}
.c-panel-questions__group__panel--title .number:before
{
    position: absolute;
    z-index: -1; 
    left: 0;

    width: 28px;
    height: 28px;

    content: '';

    border-radius: 50%;
    background-color: #255b8e;
}
.c-panel-questions__group__panel--title .modify
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 2rem;

    position: relative;

    display: none;

    cursor: pointer; 
    letter-spacing: .6px;

    color: #255b8e;

    align-items: center;
}
.c-panel-questions__group__panel--title .modify-mobile
{
    display: none !important;
}
.c-panel-questions__group__panel--title > div
{
    display: flex;

    width: 100%;
    margin: 0 0 0 2rem; 

    align-items: center;
}
.c-panel-questions__group__panel--title h2
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.8rem;
    line-height: 2.6rem;

    position: relative;

    margin: 0; 

    letter-spacing: 0;

    color: #1b1d27;
}
.c-panel-questions__group__panel--content
{
    display: none; 

    padding: 3rem 2rem;

    background-color: #f9fafc;
}
.c-panel-questions__group__panel--content .c-input__input
{
    border-radius: 0 !important;
    box-shadow: none; 
    /* Remove First */

    -webkit-appearance: none !important;
       -moz-appearance: none !important;
            appearance: none !important;
}
@media (min-width: 48em)
{
    .c-panel-questions__group__panel--content
    {
        padding: 4rem 3rem;
    }
}
.c-panel-questions__group__panel--content__link
{
    font-size: 1.3rem;
    line-height: 2rem;

    display: block;

    text-align: right;
    letter-spacing: .05rem;
    text-transform: capitalize; 

    color: #255b8e;
}
.c-panel-questions__group__panel--content .c-searchbar
{
    width: 75%;
    margin: 0 auto;
}
@media (max-width: 47.99em)
{
    .c-panel-questions__group__panel--content .c-searchbar
    {
        margin-bottom: 0 !important;
    }
}
@media (min-width: 48em)
{
    .c-panel-questions__group__panel--content .c-searchbar
    {
        margin: 2rem auto 3rem auto;
    }
}
.c-panel-questions__group__panel--content .c-searchbar .c-input__input
{
    margin: 0;
}
.c-panel-questions__group__panel--content .c-searchbar .c-btn--search
{
    border-left: none;
    background-color: #255b8e;
}
.c-panel-questions__group__panel--content .c-product
{
    display: flex;
    flex-direction: row; 

    flex-wrap: wrap;
    justify-content: flex-start;
}
.c-panel-questions__group__panel--content .c-product-card--wrapper
{
    width: 100%; 
    margin: 3rem 0;
}
@media (min-width: 48em)
{
    .c-panel-questions__group__panel--content .c-product-card--wrapper
    {
        width: 50%;
    }
}
@media (min-width: 64em)
{
    .c-panel-questions__group__panel--content .c-product-card--wrapper
    {
        width: 33.33%;
    }
}
@media (min-width: 87.5em)
{
    .c-panel-questions__group__panel--content .c-product-card--wrapper
    {
        width: 25%;
    }
}
.c-panel-questions__group__panel--content .c-product-card-item
{
    height: 100%;
    margin: 0 auto;
}
.c-panel-questions__group__panel--content .c-product-card-item__button
{
    width: 27rem;
    margin: 0 auto;
    margin-top: 1rem;

    text-align: center;
}
@media (max-width: 29.99em)
{
    .c-panel-questions__group__panel--content .c-product-card-item__button
    {
        width: 100%;
    }
}
.c-panel-questions__group__panel--content .c-product-card-item__button span
{
    padding: 1.9rem 2rem;
}
.c-panel-questions__group__panel--content .c-product-card-item
{
    max-width: calc(100% - 1rem); 

    background-color: #fff;
}
@media (max-width: 29.99em)
{
    .c-panel-questions__group__panel--content .c-product-card-item
    {
        width: 100% !important;
    }
}
@media (max-width: 63.99em)
{
    .c-panel-questions__group__panel--content .c-product-card-item__image
    {
        width: 100% !important; 
        height: auto;
    }
}

.select2-drop,
.select2-container:not([data-select2-id])
{
    box-shadow: none;
}
.select2-drop-active,
.select2-container:not([data-select2-id])-active
{
    margin-top: .5rem;
}
.select2-drop .select2-dropdown,
.select2-container:not([data-select2-id]) .select2-dropdown
{
    border: .1rem solid #e7eaf2;
    border-radius: 0;
}
.select2-drop .select2-search,
.select2-container:not([data-select2-id]) .select2-search
{
    padding: 2rem;
}
.select2-drop ul.select2-results,
.select2-drop ul.select2-results__options,
.select2-container:not([data-select2-id]) ul.select2-results,
.select2-container:not([data-select2-id]) ul.select2-results__options
{
    margin-top: 0;
}
.select2-drop ul.select2-results li.select2-result,
.select2-drop ul.select2-results li.select2-results__option,
.select2-drop ul.select2-results__options li.select2-result,
.select2-drop ul.select2-results__options li.select2-results__option,
.select2-container:not([data-select2-id]) ul.select2-results li.select2-result,
.select2-container:not([data-select2-id]) ul.select2-results li.select2-results__option,
.select2-container:not([data-select2-id]) ul.select2-results__options li.select2-result,
.select2-container:not([data-select2-id]) ul.select2-results__options li.select2-results__option
{
    padding-left: 2rem;

    color: #1b1d27;
}
.select2-drop ul.select2-results li.select2-result:hover,
.select2-drop ul.select2-results li.select2-results__option:hover,
.select2-drop ul.select2-results__options li.select2-result:hover,
.select2-drop ul.select2-results__options li.select2-results__option:hover,
.select2-container:not([data-select2-id]) ul.select2-results li.select2-result:hover,
.select2-container:not([data-select2-id]) ul.select2-results li.select2-results__option:hover,
.select2-container:not([data-select2-id]) ul.select2-results__options li.select2-result:hover,
.select2-container:not([data-select2-id]) ul.select2-results__options li.select2-results__option:hover
{
    cursor: pointer; 

    background-color: #f9fafc;
}
.select2-drop ul.select2-results li.select2-highlighted,
.select2-drop ul.select2-results li.select2-results__option--highlighted,
.select2-drop ul.select2-results__options li.select2-highlighted,
.select2-drop ul.select2-results__options li.select2-results__option--highlighted,
.select2-container:not([data-select2-id]) ul.select2-results li.select2-highlighted,
.select2-container:not([data-select2-id]) ul.select2-results li.select2-results__option--highlighted,
.select2-container:not([data-select2-id]) ul.select2-results__options li.select2-highlighted,
.select2-container:not([data-select2-id]) ul.select2-results__options li.select2-results__option--highlighted
{
    background: #f9fafc;
}
.select2-drop ul.select2-results li.select2-results__option--selected,
.select2-drop ul.select2-results li.select2-results__option--selected:hover,
.select2-drop ul.select2-results li.select2-results__option--selected.select2-results__option--highlighted,
.select2-drop ul.select2-results__options li.select2-results__option--selected,
.select2-drop ul.select2-results__options li.select2-results__option--selected:hover,
.select2-drop ul.select2-results__options li.select2-results__option--selected.select2-results__option--highlighted,
.select2-container:not([data-select2-id]) ul.select2-results li.select2-results__option--selected,
.select2-container:not([data-select2-id]) ul.select2-results li.select2-results__option--selected:hover,
.select2-container:not([data-select2-id]) ul.select2-results li.select2-results__option--selected.select2-results__option--highlighted,
.select2-container:not([data-select2-id]) ul.select2-results__options li.select2-results__option--selected,
.select2-container:not([data-select2-id]) ul.select2-results__options li.select2-results__option--selected:hover,
.select2-container:not([data-select2-id]) ul.select2-results__options li.select2-results__option--selected.select2-results__option--highlighted
{
    background: #ebecf2;
}

.select2-container:not([data-select2-id])
{
    position: absolute;
    z-index: 9999;
    top: 100%;

    margin-top: .5rem;
}
.select2-container:not([data-select2-id]) .select2-dropdown
{
    color: #000;
    border: .1rem solid #e7eaf2; 
    background: #fff;
    box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
}
.select2-container:not([data-select2-id]) .select2-dropdown .select2-results__option--selected,
.select2-container:not([data-select2-id]) .select2-dropdown .select2-results__option--selected:hover,
.select2-container:not([data-select2-id]) .select2-dropdown .select2-results__option--selected.select2-results__option--highlighted
{
    background: #ebecf2;
}

@media (max-width: 87.5em)
{
    .c-panel-questions
    {
        padding: 4rem 8rem;
    }
}

@media (max-width: 64em)
{
    .c-panel-questions
    {
        padding: 4rem;
    }
}

@media (max-width: 48em)
{
    .c-panel-questions
    {
        padding: 0;
    }
    .c-panel-questions__group:not(:first-child)
    {
        margin-top: 0rem;
    }
    .c-panel-questions__group__panel.active-panel > div:first-child
    {
        border-bottom: 0;
    }
    .c-panel-questions__group__panel.active-panel > div .number
    {
        font-size: 1.3rem;
    }
    .c-panel-questions__group__panel.active-panel > div .selection h2
    {
        font-size: 1.3rem;
        line-height: 1.6rem;

        letter-spacing: .49px;
    }
    .c-panel-questions__group__panel.active-panel > div .selection span
    {
        font-size: 1.6rem;
        line-height: 2.2rem; 

        padding-top: .5rem;
    }
    .c-panel-questions__group__panel.active-panel > div .selection span.modify
    {
        font-size: 1.4rem;
        line-height: 1.8rem;

        display: none;

        margin-top: 1.2rem;
        padding-top: 0;

        cursor: pointer; 
        letter-spacing: .53px;

        color: #255b8e;

        align-items: center;
    }
    .c-panel-questions__group__panel.active-panel > div .modify-desktop
    {
        display: none !important;
    }
    .c-panel-questions__group__panel.active-panel > div .modify-mobile
    {
        display: inherit !important;
    }
    .c-panel-questions__group__panel--content .c-searchbar
    {
        width: 100%;
        margin-bottom: 3rem;
    }
}

.c-cards-questions
{
    display: flex;

    flex-wrap: wrap;
}
.c-cards-questions__content
{
    position: relative;

    display: flex;
    flex-direction: column;

    height: auto;
    min-height: 92px;
    margin-right: 2.5rem;
    margin-bottom: 2.5rem;
    padding: 2.6rem 2rem; 

    cursor: pointer;
    transition: box-shadow .6s ease-in-out;
    text-align: center;

    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 14px 12px 0 rgba(59, 135, 204, .12);

    align-items: center;
    justify-content: center;
    flex-basis: calc(20% - 2.5rem);
}
.c-cards-questions__content:hover
{
    box-shadow: 0 14px 12px 0 rgba(59, 135, 204, .3);
}
.c-cards-questions__content.active
{
    background-color: #255b8e; 
    box-shadow: none;
}
.c-cards-questions__content.active span
{
    color: #fff;
}
.c-cards-questions__content span
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 2rem;

    letter-spacing: 2.32px;

    color: #525668;
}

@media (max-width: 87.49em)
{
    .c-cards-questions
    {
        min-height: inherit;
    }
}

@media (max-width: 63.99em)
{
    .c-cards-questions__content
    {
        flex-basis: calc(25% - 2.5rem);
    }
}

@media (max-width: 47.99em)
{
    .c-cards-questions__content
    {
        flex-basis: calc(33% - 2.5rem);
    }
}

@media (max-width: 29.99em)
{
    .c-cards-questions__content
    {
        flex-basis: calc(50% - 2.5rem);
    }
}

.c-form
{
    display: block;

    width: 765px;
    margin: 0 auto;
}

.c-form-container__group:not(:first-child)
{
    margin-top: 3rem;
}

.c-form-container__group--button
{
    margin-top: 4rem;
}

.c-form-container .grid
{
    display: flex;
}
@supports (grid-gap: 0)
{
    .c-form-container .grid
    {
        display: grid;
    }
}
@supports (grid-gap: 0)
{
    .c-form-container .grid-2
    {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 6.3rem;
    }
}
.c-form-container .grid .c-input
{
    width: 100%;
}
.c-form-container .grid .c-input:first-child
{
    margin-right: 6.3rem;
}
@supports (grid-gap: 0)
{
    .c-form-container .grid .c-input
    {
        width: inherit;
    }
    .c-form-container .grid .c-input:first-child
    {
        margin-right: inherit;
    }
}
.c-form-container .grid .c-custom-select-wrapper
{
    width: 100%;
}
@supports (grid-gap: 0)
{
    .c-form-container .grid .c-custom-select-wrapper
    {
        width: inherit;
    }
}

.c-form-container input
{
    width: 100%;
    min-height: 5.2rem;
    margin: 0;
    padding: 1.6rem 2rem;

    border: .1rem solid #bcbfcf;
    background-color: #fff;
}
.c-form-container input[type='radio']
{
    width: 15px;
    height: 15px;
    min-height: auto;
}

.c-form-container textarea
{
    font-size: 1.4rem;

    width: 100%;
    min-height: 289px;
    padding: 1.6rem 2rem;

    color: #1b1d27; 
    border: .1rem solid #bcbfcf;
    background-color: #fff;
}

.c-form-container .c-custom-select-wrapper__label
{
    z-index: 2;
}

.c-form-container .c-custom-select
{
    border: .1rem solid #bcbfcf;
    background-color: #fff;
}
.c-form-container .c-custom-select__title
{
    height: 5rem; 
    min-height: 5rem;
}

.c-form-container .c-custom-checkbox__content span
{
    color: #1b1d27;
}

.c-form-container .js-webform-radios
{
    margin-bottom: 3rem;
}
.c-form-container .js-webform-radios .js-form-type-radio .input-wrapper,
.c-form-container .js-webform-radios .js-form-type-radio label
{
    display: inline-block;

    vertical-align: center;
}
.c-form-container .js-webform-radios .js-form-type-radio label
{
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.25; 

    margin-left: 15px;

    color: #1b1d27;
}

.c-form-container .c-phone .c-custom-select-wrapper
{
    position: absolute;
    z-index: 15000000; 

    width: 8.7rem;
}

.c-form-container .c-phone input
{
    padding-left: 10.7rem;
}
.c-form-container .c-phone input:focus + .c-input__label
{
    left: 0;
}

.c-form-container .c-phone .c-input__label
{
    font-size: 1.1rem;
    line-height: 1;

    top: -1.8rem;
    left: 0;

    cursor: text;
}

.c-form-container .c-phone .iti
{
    width: 100%;
}

.c-form-container .c-phone .iti__flag-container
{
    z-index: 5;

    width: 8.7rem;

    transition: all 300ms ease-in-out; 

    border: .1rem solid #bcbfcf;
    background: #fff;
}
.c-form-container .c-phone .iti__flag-container:hover
{
    background: #f9fafc;
}

.c-form-container .c-phone .iti__selected-flag
{
    padding: 0;

    background-color: transparent !important; 

    justify-content: center;
}
.c-form-container .c-phone .iti__selected-flag .iti__arrow
{
    position: absolute;
    right: 1rem;

    content: '';
    transition: all 300ms ease-in-out; 

    border-width: 4px 4px 0 4px;
    border-style: solid;
    border-color: #84899f transparent transparent transparent;
}
.c-form-container .c-phone .iti__selected-flag .iti__arrow--up
{
    transform: rotate(180deg);
}

.c-form-container .c-phone .iti__country-list
{
    position: absolute;
    top: calc(100% + .4rem);

    overflow-y: scroll;

    width: 8.5rem;
    margin: 0;
    padding: 0;

    list-style-type: none;

    border: .1rem solid #e7eaf2;
    background: #fff;
    /* width */
    /* Track */
    /* Handle */
    /* Handle on hover */
}
.c-form-container .c-phone .iti__country-list::-webkit-scrollbar
{
    width: .6rem;
}
.c-form-container .c-phone .iti__country-list::-webkit-scrollbar-track
{
    background: #fff;
}
.c-form-container .c-phone .iti__country-list::-webkit-scrollbar-thumb
{
    border-radius: 6px; 
    background: #a1a5b9;
}
.c-form-container .c-phone .iti__country-list::-webkit-scrollbar-thumb:hover
{
    background: #a1a5b9;
}
.c-form-container .c-phone .iti__country-list .iti__country
{
    padding: .7rem 2rem; 

    text-align: center;
}
.c-form-container .c-phone .iti__country-list .iti__divider
{
    display: none;
}
.c-form-container .c-phone .iti__country-list .iti__highlight
{
    outline: 5px auto Highlight;
    outline: 5px auto -webkit-focus-ring-color; 
    background-color: #f9fafc;
}
.c-form-container .c-phone .iti__country-list .iti__country-name
{
    font-size: 0;

    margin: 0;
}
.c-form-container .c-phone .iti__country-list .iti__dial-code
{
    display: none;
}

.c-form-container .c-select-contact-product
{
    font-size: 1.4rem;

    margin: 0;
    padding: 1.6rem 2rem;

    color: #525668; 
    border: .1rem solid #bcbfcf;
    background-color: #fff;
}

.c-form-container .c-date span,
.c-form-container .c-phone span,
.c-form-container .c-radios span
{
    font-size: 1.1rem;

    top: -2rem !important;
    left: 0 !important;

    padding: 0 !important;

    color: #255b8e; 
    background-color: transparent !important;
}

@media (max-width: 63.99em)
{
    .c-form
    {
        width: 100%;
    }
    .c-form-container .grid
    {
        display: inherit;
    }
    .c-form-container .grid .c-input
    {
        margin-bottom: 3rem;
    }
}

@media (max-width: 47.99em)
{
    .c-form-container__group--button
    {
        margin-top: 3rem;
    }
    @supports (grid-gap: 0)
    {
        .c-form-container .grid
        {
            display: grid;
        }
    }
    .c-form-container .grid-2
    {
        flex-basis: 100%;
    }
    @supports (grid-gap: 0)
    {
        .c-form-container .grid-2
        {
            grid-template-columns: repeat(1, 1fr);
            grid-gap: 3rem;
        }
    }
    .c-form-container .c-phone .c-custom-select-wrapper
    {
        z-index: 98;
    }
    .c-form-container .c-custom-select-wrapper__label
    {
        z-index: 98;
    }
}

@media (max-width: 29.99em)
{
    .c-form-container__group--button button
    {
        width: 100%;
    }
}

.video-page .c-video-container
{
    padding: 15.7rem 8rem 8rem 8rem;
}

.c-video-container
{
    padding: 12rem;
}
.c-video-container--title
{
    margin-bottom: 4rem;
}
.c-video-container--title h1
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 2.8rem;
    font-weight: 400;
    line-height: 3.6rem;

    margin: 0;

    letter-spacing: 0;

    color: #fff;
}
.c-video-container__date
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 2.5rem;

    display: inline-block;

    margin-top: 4rem;

    letter-spacing: 2px;

    color: #d1d6e6;
}
.c-video-container__topic
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 2.5rem;

    display: inline-block;

    margin-top: 4rem;
    margin-left: 2.5rem;

    letter-spacing: 2px;
    text-transform: uppercase;

    color: #7fb8e7;
}
.c-video-container__description p
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.8rem;
    line-height: 2.6rem;

    color: #fff;
}

.c-video-player
{
    position: relative;

    display: flex;
    overflow: hidden;

    width: 100%;
    min-height: 69vh;
    margin: 0 auto;

    background-color: black; 

    justify-content: center;
    align-items: center;
}
.c-video-player__video
{
    width: 100%;
}
.c-video-player__controls
{
    position: absolute;
    bottom: 0;

    display: flex;
    flex-direction: column;

    width: 100%;
    height: 5.2rem;

    transition: opacity .5s ease-in-out; 

    background: linear-gradient(180deg, rgba(27, 29, 39, 0) 0%, rgba(27, 29, 39, .6) 100%);

    align-items: center;
}
.c-video-player__controls__bar
{
    position: relative;

    display: flex;

    width: calc(100% - 4rem); 
    height: 4px;
}
.c-video-player__controls__bar--normal
{
    position: absolute;

    width: 100%;
    height: 4px;
    margin: 0 auto;

    opacity: .3;
    border-radius: 2px;
    background-color: #bcbfcf;
}
.c-video-player__controls__bar--current
{
    position: absolute;
    z-index: 40; 
    left: 0;

    width: 0;
    height: 4px;

    border-radius: 2px;
    background-color: #fff;
}
.c-video-player__controls__bot
{
    position: relative;

    display: flex;

    width: calc(100% - 8rem); 
    height: 100%;
}
.c-video-player__controls__bot--left,
.c-video-player__controls__bot--right
{
    position: relative;

    display: flex;

    align-items: center;
}
.c-video-player__controls__bot--left > div,
.c-video-player__controls__bot--right > div
{
    line-height: 5.2rem;

    height: 5.2rem;

    cursor: pointer;
}
.c-video-player__controls__bot--left
{
    width: 100%;
}
.c-video-player .play-pause
{
    cursor: pointer;

    opacity: .7;
}
.c-video-player .play-pause img
{
    max-height: 1.8rem;
}
.c-video-player .play-pause .pause
{
    display: none;
}
.c-video-player .volume
{
    position: relative;

    margin-left: 2rem; 

    cursor: pointer;
}
.c-video-player .volume:hover:after
{
    position: absolute;
    bottom: 0;

    display: block; 

    width: 100%;
    height: 2px;

    content: '';

    background-color: #255b8e;
}
.c-video-player .volume.active-volume-range:after
{
    position: absolute;
    bottom: 0;

    display: block; 

    width: 100%;
    height: 2px;

    content: '';

    background-color: #255b8e;
}
.c-video-player .volume.active-volume-range .volume-range
{
    display: block;
}
.c-video-player .volume .off,
.c-video-player .volume .low
{
    display: none;
}
.c-video-player .volume .volume-control
{
    opacity: .7;
}
.c-video-player .volume .volume-range
{
    position: absolute;
    bottom: 10rem;
    left: -3rem;

    display: none;

    width: 8rem;
    height: .6rem;

    cursor: pointer; 
    transform: rotate(-90deg);

    border-radius: .6rem;
    background: linear-gradient(to right, #fff 0%, #fff 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 100%);

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
.c-video-player .volume .volume-range::-webkit-slider-thumb
{
    width: 1.2rem;
    height: 1.2rem;

    border: 1px solid;
    border-radius: 50%;
    background-color: #fff; 

    -webkit-appearance: none;
            appearance: none;
}
.c-video-player .timeleft
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.2rem;
    font-weight: 500; 

    margin-left: 1rem;

    color: white;
}
.c-video-player .cc-titles
{
    position: relative;
}
.c-video-player .cc-titles img
{
    opacity: .7;
}
.c-video-player .cc-titles:hover .cc-titles-hover
{
    display: flex;
}
.c-video-player .cc-titles.active .active-titles
{
    display: inline-block;
}
.c-video-player .cc-titles.active .inactive-titles
{
    display: none;
}
.c-video-player .cc-titles .active-titles
{
    display: none;
}
.c-video-player .cc-titles .inactive-titles
{
    display: inline-block;
}
.c-video-player .cc-titles .cc-titles-hover
{
    position: absolute;
    bottom: 7rem;
    left: -3.5rem;

    display: none;

    width: 9rem;
    height: 4.3rem;

    border-radius: 2px;
    background: #fff;

    align-items: center;
    justify-content: center;
}
.c-video-player .cc-titles .cc-titles-hover:after
{
    position: absolute;
    right: 4rem;
    bottom: -.6rem;

    width: 1.4rem;
    height: 1.4rem;

    content: '';
    transform: rotate(45deg);

    border: 2px solid #fff;
    border-radius: 1px; 
    background-color: #fff;
}
.c-video-player .cc-titles .cc-titles-hover span
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.3rem;
    line-height: 1.6rem;

    letter-spacing: .49px;

    color: #3b3e4d;
}
.c-video-player .fullscreen
{
    margin-left: 2rem;
}
.c-video-player .fullscreen img
{
    opacity: .7;
}
.c-video-player .parameters
{
    position: relative;

    margin-left: 2rem;

    cursor: inherit;
    cursor: pointer;
}
.c-video-player .parameters img
{
    opacity: .7;
}
.c-video-player .parameters:hover:after
{
    position: absolute;
    bottom: 0;

    display: block; 

    width: 100%;
    height: 2px;

    content: '';

    background-color: #255b8e;
}
.c-video-player .parameters.active:after
{
    position: absolute;
    bottom: 0;

    display: block; 

    width: 100%;
    height: 2px;

    content: '';

    background-color: #255b8e;
}
.c-video-player .parameters.active .parameters__tab
{
    opacity: 1;
}
.c-video-player .parameters__tab
{
    position: absolute;
    right: -2rem;
    bottom: 7rem;

    transition: all .5s ease-in-out; 

    opacity: 0;
    border-radius: 2px;
    background: #fff;
}
.c-video-player .parameters__tab__header
{
    display: flex;
    overflow: hidden;

    min-width: 233px;
    height: 34px;

    background-color: #112753; 

    align-items: center;
}
.c-video-player .parameters__tab__header--item
{
    position: relative;

    display: flex;

    margin-left: 2rem;

    cursor: pointer;
}
.c-video-player .parameters__tab__header--item:hover:after
{
    position: absolute;
    bottom: -.8rem;

    display: block; 

    width: 100%;
    height: 2px;

    content: '';

    background-color: #255b8e;
}
.c-video-player .parameters__tab__header--item.active:after
{
    position: absolute;
    bottom: -.8rem;

    display: block; 

    width: 100%;
    height: 2px;

    content: '';

    background-color: #255b8e;
}
.c-video-player .parameters__tab__content
{
    display: none;
    flex-direction: column;

    padding: 2rem;

    background-color: #3b3e4d; 

    justify-content: center;
}
.c-video-player .parameters__tab__content.active
{
    display: flex;
}
.c-video-player .parameters__tab__content .group
{
    position: relative;
}
.c-video-player .parameters__tab__content .group:not(:first-child)
{
    margin-top: 2rem;
}
.c-video-player .parameters__tab__content input
{
    display: none;
}
.c-video-player .parameters__tab__content input:checked + label:after
{
    opacity: 1;
}
.c-video-player .parameters__tab__content input:checked + label:before
{
    border: 1px solid #255b8e;
}
.c-video-player .parameters__tab__content label
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.4rem;
    line-height: 1.7rem;

    margin-left: 3.4rem;
    padding: 0;

    cursor: pointer; 

    color: #fff;
}
.c-video-player .parameters__tab__content label:before
{
    position: absolute;
    top: 2px;
    left: 0;

    width: 1.6rem;
    height: 1.6rem;

    content: '';
    transition: all .5s ease-in-out; 

    border: 1px solid #525668;
    border-radius: .8rem;
}
.c-video-player .parameters__tab__content label:after
{
    position: absolute;
    top: 5px;
    left: 3px;

    width: 1rem;
    height: 1rem;

    content: '';
    transition: all .5s ease-in-out; 

    opacity: 0;
    border-radius: .5rem;
    background-color: #255b8e;
}
.c-video-player .parameters__tab__content label span
{
    font-size: 1.3rem;
    line-height: 1.6rem; 

    letter-spacing: .49px;

    color: #a1a5b9;
}
.c-video-player .parameters .close-parameters
{
    position: absolute;
    right: 2rem;
}

.c-video-player-autoplay
{
    position: relative;

    display: flex;
    overflow: hidden;

    width: 100%;
    margin: 0 auto;
    padding-top: 56.25%;

    background-color: black; 

    justify-content: center;
    align-items: center;
}
.c-video-player-autoplay__video
{
    width: 100%;
}
.c-video-player-autoplay iframe
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}

@media (max-width: 87.5em)
{
    .video-page .c-video-container
    {
        padding: 15.7rem 4rem 4rem 4rem;
    }
    .c-video-container
    {
        padding: 8rem 4rem 4rem;
    }
}

@media (max-width: 64em)
{
    .c-video-player
    {
        height: 100%;
    }
}

@media (max-width: 48em)
{
    .video-page .c-video-container
    {
        padding: 15.7rem 2rem 4rem 2rem;
    }
    .c-video-container
    {
        padding: 4rem 2rem;
    }
    .c-video-container--title
    {
        margin-bottom: 2.4rem;
    }
    .c-video-container--title h1
    {
        font-size: 1.8rem;
        line-height: 1.8rem; 

        letter-spacing: 1px;
    }
}

.c-search-result
{
    display: flex;
    flex-direction: column;

    padding: 3rem 0rem 2rem 0rem;

    cursor: pointer;
}
@media (min-width: 64em)
{
    .c-search-result
    {
        flex-direction: row;

        padding: 2rem 3rem; 

        align-items: center;
        justify-content: space-between;
    }
}
.c-search-result__container
{
    display: flex;
    flex-direction: column;
}
@media (min-width: 64em)
{
    .c-search-result__container
    {
        flex-direction: row;

        align-items: center;
    }
}
@media (max-width: 63.99em)
{
    .c-search-result .hide-thumbnail
    {
        display: none;
    }
}
.c-search-result__link
{
    display: flex;
    flex-direction: column;

    width: 100%; 

    align-items: flex-start;
    justify-content: center;
}
.c-search-result__link .c-link-info-item__type-icon
{
    margin: 0;
}
@media (min-width: 64em)
{
    .c-search-result__link
    {
        max-width: 20rem;
        height: calc(20rem * .5625);
        margin-right: 3rem;
        padding-bottom: 0;

        align-items: center;
    }
}
@media (min-width: 87.5em)
{
    .c-search-result__link
    {
        margin-right: 6rem;
    }
}
.c-search-result__thumbnail
{
    width: 100%;
    padding-bottom: 56.25%;

    background-position: center center;
    background-size: cover;
}
.c-search-result__thumbnail.no-image
{
    padding-bottom: 0;
}
@media (max-width: 63.99em)
{
    .c-search-result__thumbnail
    {
        order: 1;
    }
}
@media (min-width: 64em)
{
    .c-search-result__thumbnail
    {
        max-width: 20rem;
        height: calc(20rem * .5625);
        margin-right: 3rem; 
        padding-bottom: 0;
    }
}
@media (min-width: 87.5em)
{
    .c-search-result__thumbnail
    {
        margin-right: 6rem;
    }
}
.c-search-result__thumbnail.c-audio-item__list-item__aside
{
    padding-bottom: 0;
}
.c-search-result__content
{
    width: 100%;
}
@media (max-width: 63.99em)
{
    .c-search-result__content
    {
        order: 3;
    }
}
.c-search-result__content__title
{
    font-size: 1.7rem;
    line-height: 3rem; 

    display: block;

    letter-spacing: .06rem;

    color: #141d29;
}
@media (min-width: 64em)
{
    .c-search-result__content__title
    {
        font-size: 2.2rem; 

        margin-bottom: 1rem;
    }
}
.c-search-result__content__excerpt
{
    font-size: 1.3rem; 

    margin: 0;
}
.c-search-result__content__excerpt.c-editor-text
{
    padding: 0;
}
.c-search-result__content__excerpt.c-editor-text p
{
    font-size: 1.3rem;
    line-height: 1.6;
}
.c-search-result__infos
{
    display: flex;
    flex-direction: row;

    padding: 2rem 0 0rem 0; 

    justify-content: flex-start;
}
@media (max-width: 63.99em)
{
    .c-search-result__infos.no-image
    {
        padding-top: 0;
    }
}
@media (max-width: 63.99em)
{
    .c-search-result__infos
    {
        order: 2;
    }
    .c-search-result__infos > *
    {
        padding-right: 1.5rem;
    }
}
@media (min-width: 64em)
{
    .c-search-result__infos
    {
        flex-direction: column;

        width: 100%;
        min-width: 13rem;
        max-width: 25rem;
        margin-left: auto;
        padding: 2rem 0 1rem 3rem; 

        justify-content: space-between;
        align-items: stretch;
    }
}
@media (min-width: 87.5em)
{
    .c-search-result__infos
    {
        margin-left: auto;
        padding-left: 6rem;
    }
}
.c-search-result__infos__topic,
.c-search-result__infos__post-type
{
    font-size: 1rem;
    line-height: 1.5rem; 

    letter-spacing: .1rem;
    text-transform: uppercase;
}
@media (min-width: 64em)
{
    .c-search-result__infos__topic,
    .c-search-result__infos__post-type
    {
        font-size: 1.2rem;
        line-height: 2.5rem; 

        letter-spacing: .2rem;
    }
}
.c-search-result__infos__post-type
{
    color: #525668;
}
.c-search-result__infos__topic
{
    color: #255b8e;
}
.c-search-result__infos__date
{
    font-size: 1rem;
    line-height: 1.5rem; 

    letter-spacing: .1rem;
    text-transform: uppercase;

    color: #525668;
}
@media (min-width: 64em)
{
    .c-search-result__infos__date
    {
        font-size: 1.2rem;
        line-height: 2.5rem; 

        letter-spacing: .2rem;
    }
}

.implantation-multi .c-implantation
{
    padding-top: 0 !important;
}

.c-implantation
{
    padding-top: 13.1rem;

    background-color: #fff;
}
.c-implantation__alerts
{
    z-index: 1;

    padding: 4rem 8rem;
    padding: 4rem 2rem;
}
@media (min-width: 48em)
{
    .c-implantation__alerts
    {
        padding: 4rem 4rem 6rem;
    }
}
@media (min-width: 87.5em)
{
    .c-implantation__alerts
    {
        padding: 4rem 8rem;
    }
}
.c-implantation__title
{
    display: flex;

    padding: 4rem;
}
.c-implantation__title h1,
.c-implantation__title h2
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 3.6rem;
    font-weight: 400;
    line-height: 4.2rem; 

    margin: 0;

    letter-spacing: 0;

    color: #141d29;
}
.c-implantation__title h1 span,
.c-implantation__title h2 span
{
    color: #255b8e;
}
.c-implantation__mobile
{
    display: none;

    padding-left: 3rem;
}
.c-implantation__mobile > div
{
    display: flex;

    width: 4.2rem;
    height: 4.2rem;

    border: .5px solid #e7eaf2; 

    align-items: center;
    justify-content: center;
}
.c-implantation__mobile > div.active
{
    border: none;
    background-color: #eff8ff;
}
.c-implantation__mobile > div.active img
{
    display: none;
}
.c-implantation__mobile > div.active img.active-img
{
    display: inherit;
}
.c-implantation__mobile > div img
{
    width: 1.8rem;
    height: 1.8rem;
}
.c-implantation__mobile > div img.active-img
{
    display: none;
}
.c-implantation__mobile--list
{
    border-left: 0 !important; 
    border-radius: 0 .4rem .4rem 0;
}
.c-implantation__mobile--map
{
    border-right: 0 !important; 
    border-radius: .4rem 0 0 .4rem;
}

@media (max-width: 87.49em)
{
    .c-implantation__title
    {
        padding: 4rem 4rem 6rem 4rem;
    }
}

@media (max-width: 63.99em)
{
    .c-implantation
    {
        padding-top: 5rem;
    }
    .c-implantation__title
    {
        padding: 4rem 2rem; 

        justify-content: space-between;
    }
    .c-implantation__title h1,
    .c-implantation__title h2
    {
        font-size: 2.4rem;
        line-height: 3rem;
    }
    .c-implantation__mobile
    {
        display: flex;
    }
}

@media (max-width: 47.99em)
{
    .c-implantation__title h1,
    .c-implantation__title h2
    {
        font-size: 2.4rem;
        line-height: 3rem; 

        letter-spacing: 0;
    }
}

/** -----------------------------------------------------------------------------------------------------------------**/
/** ------------------------------------------- DRUPAL ADAPTATIONS --------------------------------------------------**/
/** -----------------------------------------------------------------------------------------------------------------**/
body.product .c-implantation__alerts,
body.company-page .c-implantation__alerts
{
    position: absolute;

    width: 100%;
}
@media (min-width: 48em)
{
    body.product .c-implantation__alerts,
    body.company-page .c-implantation__alerts
    {
        padding-top: 15rem;
    }
}

.messages + .c-implantation__alerts
{
    padding-top: 2rem !important;
}

.c-card-job
{
    position: relative;

    transition: all .5s ease-in-out; 

    border-bottom: 1px solid #d1d6e6;
    background-color: #fff;
}
.c-card-job:not(.c-card-job--detailed)
{
    display: flex;
    flex-direction: column;
}
.c-card-job:not(.c-card-job--detailed):last-child
{
    border-bottom: 0;
}
.c-card-job.active
{
    background-color: #eff8ff;
}
.c-card-job:hover .c-btn--text-button
{
    padding-left: 8rem;

    color: #0f60a7;
}
.c-card-job:hover .c-btn--text-button::before
{
    width: 6rem;
}
.c-card-job.no-js-active.active
{
    background-color: inherit;
}
.c-card-job .js-load-more--initially-hidden-responsive
{
    overflow-x: hidden;
}
@media (max-width: 63.99em)
{
    .c-card-job .js-load-more--initially-hidden-responsive--visible
    {
        overflow: unset;
    }
}
.c-card-job--detailed
{
    width: 48%;
    margin: 0 1%; 

    flex: 0 0 48%;
}
@media (max-width: 63.99em)
{
    .c-card-job--detailed
    {
        width: 100%;
        margin: 0; 

        flex: 0 0 100%;
    }
}
.c-card-job__image
{
    position: absolute;
    top: 0;
    right: 0;

    margin-top: 3rem;
}
.c-card-job__image img
{
    height: calc(20rem * .5625);
}
.c-card-job__container
{
    padding: 3rem 4rem 3rem 4rem;
}
.c-card-job__container__title
{
    display: flex;

    padding-right: 14rem;
}
.c-card-job__container__title span,
.c-card-job__container__title h3
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 2.2rem;
    line-height: 3rem;

    margin: 0; 

    white-space: normal;
    letter-spacing: .6px;

    color: #1b1d27;
}
.c-card-job__container__job
{
    display: flex;

    margin-top: .6rem; 

    align-items: center;
}
.c-card-job__container__job img
{
    height: 1.8rem;
    margin-right: 1rem;
}
.c-card-job__container__job .icon-svg
{
    display: block;

    width: 2rem;
    height: 2rem;
    margin: 0 1rem 0 0;

    background-color: #525668;
}
.c-card-job__container__job span
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 2.5rem;

    letter-spacing: 2px;
    text-transform: uppercase; 

    color: #525668;
}
.c-card-job__container__description
{
    margin-top: 2rem;
    margin-bottom: 1.3rem;
}
.c-card-job__container__description.c-editor-text
{
    padding: 0;
}
.c-card-job__container__description p
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 2rem;

    margin: 0;

    letter-spacing: .6px;

    color: #525668;
}
.c-card-job__container__address
{
    display: flex;

    margin-top: 1.1rem;
    margin-right: -3rem;
    margin-left: -4.5rem;
    padding: 1.6rem 4.5rem;

    transition: all .5s ease-in-out;
}
.c-card-job__container__address:hover
{
    background-color: #f9fafc;
}
.c-card-job__container__address:hover .c-card-job__container__address--button
{
    width: inherit; 
    height: inherit;

    opacity: 1;
}
.c-card-job__container__address--text
{
    display: flex;

    align-items: flex-start;
}
.c-card-job__container__address--text .icon
{
    height: 1.8rem;
    margin: .3rem 1rem 0 0;

    color: #255b8e;
}
.c-card-job__container__address--text p
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 2rem;

    position: relative;

    margin: 0;

    letter-spacing: .6px;
    word-break: break-word; 

    color: #525668;
}
.c-card-job__container__address--text p .c-comma::before
{
    position: absolute;

    display: inline-block;

    width: 5px;
    height: 5px;
    margin-left: -5px; 

    content: ',';
}
.c-card-job__container__address--button
{
    margin-left: 4rem;

    transition: all .5s ease-in-out; 

    opacity: 0;

    align-items: center;
}
.c-card-job__container__address--button span
{
    margin-right: 2.2rem;
}
.c-card-job__container__address--button-job
{
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;

    display: block;

    min-width: 290px; 
    margin-left: 50px;
    padding: 20px 40px;

    cursor: pointer;
    transition: all 300ms ease-in-out;
    text-align: center;
    letter-spacing: 2.8px;
    text-transform: uppercase;

    opacity: 1;
    color: #235686;
    border: 1px solid #235686;
    border-radius: 0;
    background-color: transparent;
}
@media (max-width: 79.99em)
{
    .c-card-job__container__address--button-job
    {
        margin-top: 25px; 
        margin-left: 0;
    }
}
.c-card-job__container__address--button-job svg #copy
{
    transition: all 300ms ease-in-out; 

    fill: #235686;
}
.c-card-job__container__address--button-job:hover
{
    color: #fff; 
    background-color: #235686;
}
.c-card-job__container__address--button-job:hover svg #copy
{
    fill: #fff;
}
.c-card-job__container__coordinates
{
    display: flex;

    margin-top: .6rem;
}
.c-card-job__container__coordinates span
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.3rem;
    line-height: 1.6rem;

    letter-spacing: .49px;

    color: #525668;
}
.c-card-job__container__coordinates span.js-copy-clipboard--btn
{
    display: none;
}
.c-card-job__container__contact
{
    margin-top: 3.6rem;
    padding: 2.5rem;

    background-color: rgba(234, 241, 255, .5);
}
.c-card-job__container__contact__item:not(:first-child)
{
    margin-top: 1rem;
}
.c-card-job__container__contact__item span,
.c-card-job__container__contact__item img
{
    width: 1.8rem;
    height: 1.8rem; 
    margin-right: 1.5rem;
}
.c-card-job__container__contact__item a
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 2rem;

    text-decoration: none; 
    letter-spacing: .6px;

    color: #525668;
}
.c-card-job__container__contact__item a:hover
{
    color: rgba(82, 86, 104, .6);
}
.c-card-job__container__schedule
{
    display: flex;

    margin-top: 1.2rem; 

    align-items: center;
}
.c-card-job__container__schedule__item
{
    display: flex;
    flex-direction: column;
}
.c-card-job__container__schedule__item:first-child
{
    margin-right: 1rem;
}
.c-card-job__container__schedule__item .icon
{
    color: #255b8e;
}
.c-card-job__container__schedule__item > img
{
    width: 1.8rem;
}
.c-card-job__container__schedule__item__content
{
    display: flex;
    flex-direction: row;
}
.c-card-job__container__schedule__item__content:last-child
{
    margin-top: .2rem;
}
.c-card-job__container__schedule__item__content > span
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.6rem;

    letter-spacing: .49px;

    color: #c6541c;
}
.c-card-job__container__schedule__item__content .schedule-day.js-schedule-current-day span
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 2rem;

    letter-spacing: .6px;

    color: #525668;
}
.c-card-job__container__schedule__item__content .schedule-day.js-schedule-current-day .js-schedule-select-day,
.c-card-job__container__schedule__item__content .schedule-day.js-schedule-current-day .js-schedule-select-time
{
    font-family: Barlow,Arial,sans-serif;
    font-size: 1.6rem;
    font-weight: 400; 
    line-height: 2rem;

    letter-spacing: .6px;

    color: #525668;
}
.c-card-job__container__schedule__item__content .schedule-time .schedule-select-time span.schedule-current-time
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 2rem;

    position: relative;

    cursor: pointer; 
    letter-spacing: .6px;

    color: #525668;
}
.c-card-job__container__schedule__item__content .schedule-time .schedule-select-time span.schedule-current-time:after
{
    font-family: 'icomoon' !important;
    font-size: .8rem;

    position: absolute;
    top: 60%;
    right: -1.6rem;

    content: '';
    transition: transform .2s ease-in-out;
    transform: translateY(-50%) rotate(0);
    transform-origin: center center; 

    color: rgba(82, 86, 104, .5);
}
.c-card-job__container__schedule__item__content .schedule-time .schedule-select-time span.js-schedule-select-time
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 2rem;

    position: relative;

    cursor: pointer; 
    letter-spacing: .6px;

    color: #525668;
}
.c-card-job__container__schedule__item__content .schedule-time .schedule-select-time span.js-schedule-select-day
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 2rem;

    position: relative;

    display: inline-block;

    min-width: 9rem;

    letter-spacing: .6px;

    color: #525668;
}
@media (max-width: 63.99em)
{
    .c-card-job__container__schedule__item__content .schedule-time .schedule-select-time span.js-schedule-select-day
    {
        min-width: 0;
    }
}
.c-card-job__container__schedule__item__content .schedule-time .schedule-select-time .schedule-list
{
    position: absolute;

    display: flex;
    flex-direction: column;

    height: 0;
    margin-left: 9rem;
    padding: 0;

    transition: none; 
    pointer-events: none;

    opacity: 0;
    background-color: #fff;
    box-shadow: 14px 14px 142px -40px rgba(0, 0, 0, .41);
}
.c-card-job__container__schedule__item__content .schedule-time .schedule-select-time .schedule-list span
{
    cursor: pointer;
}
.c-card-job__container__schedule__item__content .schedule-time .schedule-select-time .schedule-list span .js-schedule-select-day
{
    font-weight: 500;

    min-width: 10rem;
}
.c-card-job__container__schedule__item__content .schedule-time .schedule-select-time .schedule-list span .js-schedule-select-time
{
    font-weight: 500;
}
@media (max-width: 63.99em)
{
    .c-card-job__container__schedule__item__content .schedule-time .schedule-select-time .schedule-list
    {
        margin-left: 6rem;
    }
    .c-card-job__container__schedule__item__content .schedule-time .schedule-select-time .schedule-list span .js-schedule-select-day
    {
        min-width: 10rem;
    }
}
.c-card-job__container__schedule__item__content .schedule-time .schedule-select-time .schedule-list.active
{
    height: inherit;
    padding: 1.5rem;

    transition: opacity .5s ease-in-out; 
    pointer-events: auto;

    opacity: 1;
}
.c-card-job__container__button
{
    display: flex;

    margin-top: 1.4rem;
}
@media (max-width: 63.99em)
{
    .c-card-job__container__button
    {
        margin-bottom: 1.4rem;
    }
}
.c-card-job__container__button .c-btn--text-button
{
    padding-top: 0;
    padding-bottom: 0;
}
.c-card-job__container__map
{
    display: flex;
    flex-direction: column; 

    margin-top: 4rem;
    margin-bottom: 4rem;
}
.c-card-job__container__map--button
{
    display: flex;

    margin-top: 2.5rem; 

    justify-content: center;
}
.c-card-job__container__map .openStreetMapMobile
{
    height: 375px;
    margin-right: -3rem; 
    margin-left: -3rem;
}
@media (max-width: 63.99em)
{
    .c-card-job__container__map .openStreetMapMobile
    {
        height: 40rem;
    }
}
.c-card-job__container__map .openStreetMapMobile .leaflet-left
{
    left: 2rem;
}
@media (max-width: 63.99em)
{
    .c-card-job__container__map .openStreetMapMobile .leaflet-left
    {
        left: 1rem;
    }
}
.c-card-job .js-load-more--button
{
    display: none;

    margin-top: 2.5rem;
}

.c-list-job-offers,
.c-list-contact
{
    background-color: #f9fafc;
}

@media (max-width: 79.99em)
{
    .c-card-job__container__address
    {
        flex-direction: column;
    }
    .c-card-job__container__address--button
    {
        margin-top: 2rem;
        margin-left: 0;
    }
}

@media (max-width: 63.99em)
{
    .c-card-job
    {
        padding-bottom: 0;
    }
    .c-card-job.active
    {
        background-color: inherit;
    }
    .c-card-job__container
    {
        padding: 2.5rem 2rem 0 2rem;
    }
    .c-card-job__container__title span,
    .c-card-job__container__title h3
    {
        font-size: 1.6rem;
        line-height: 2.1rem; 

        letter-spacing: .44px;
    }
    .c-card-job__container__job
    {
        margin-top: .5rem;
    }
    .c-card-job__container__job img
    {
        height: 1.6rem;
    }
    .c-card-job__container__job span
    {
        font-size: 1.1rem;
        line-height: 2.5rem; 

        letter-spacing: 1.83px;
    }
    .c-card-job__container__description
    {
        margin-top: 1.5rem;
        margin-bottom: 0;
    }
    .c-card-job__container__description p
    {
        font-size: 1.4rem;
        line-height: 1.8rem; 

        letter-spacing: .53px;
    }
    .c-card-job__container__address
    {
        padding-bottom: 2.5rem; 

        border-bottom: 1px solid #e7eaf2;
    }
    .c-card-job__container__address.hover-action
    {
        margin: inherit;
        padding: 0 0 2.5rem 0;

        background-color: inherit;
    }
    .c-card-job__container__address--text p
    {
        font-size: 1.4rem;
        line-height: 1.8rem; 

        letter-spacing: .53px;
    }
    .c-card-job__container__address--button
    {
        display: none;
    }
    .c-card-job__container__coordinates
    {
        display: inline;

        margin-top: 0;
    }
    .c-card-job__container__coordinates span
    {
        font-size: 1.6rem;
        line-height: 2.2rem;

        letter-spacing: 0;

        color: #255b8e;
    }
    .c-card-job__container__coordinates span.js-copy-clipboard--btn
    {
        display: inherit;
    }
    .c-card-job__container__coordinates span:first-child
    {
        margin-top: 1.5rem;
    }
    .c-card-job__container__coordinates span:last-child
    {
        margin-top: .9rem;
    }
    .c-card-job__container__schedule
    {
        display: flex;

        margin-top: 2.5rem; 

        align-items: center;
    }
    .c-card-job__container__schedule__item__content
    {
        align-items: center;
    }
    .c-card-job__container__schedule__item__content:last-child
    {
        margin-top: 0;
    }
    .c-card-job__container__schedule__item__content .schedule-day
    {
        font-size: 1.4rem;
        line-height: 1.8rem; 

        letter-spacing: .53px;
    }
    .c-card-job__container__schedule__item__content .schedule-time .schedule-select-time span.schedule-current-time,
    .c-card-job__container__schedule__item__content .schedule-time .schedule-select-time span.js-schedule-select-time
    {
        font-size: 1.4rem;
        line-height: 1.8rem; 

        letter-spacing: .53px;
    }
    .c-card-job__container__contact
    {
        margin-top: 0; 
        margin-right: -2rem;
        margin-left: -2rem;
        padding: 2.5rem 2rem;
    }
    .c-card-job__container__contact__item
    {
        display: flex;
        flex-direction: row;

        margin-top: 1.6rem !important; 

        align-items: center;
    }
    .c-card-job__container__contact__item:first-child
    {
        margin-top: 0 !important;
    }
    .c-card-job__container__contact__item a
    {
        font-size: 1.4rem;
        line-height: 1.8rem; 

        letter-spacing: .53px;
    }
}

@media (max-width: 47.99em)
{
    .c-card-job__container__top
    {
        position: relative;
    }
    .c-card-job .js-load-more--button
    {
        display: inherit;

        width: calc(100% + 4rem); 
        margin-left: -2rem;
    }
    .c-card-job .js-load-more--button:after
    {
        position: relative;

        display: inline-block;
    }
}

@media (max-width: 29.99em)
{
    .c-card-job__container__map--button .c-btn
    {
        width: 100%;
    }
}

.c-form-job-filter .c-structured-search-product__form-filters__select-container
{
    margin-right: 0;
}
.c-form-job-filter .c-structured-search-product__form-filters__select-container .c-custom-select-wrapper
{
    width: 19.5rem;
}

.c-card-job-responsive
{
    position: relative;

    transition: all .5s ease-in-out; 

    border-bottom: 1px solid #d1d6e6;
    background-color: #fff;
}
.c-card-job-responsive:not(.c-card-job-responsive--detailed)
{
    display: flex;
    flex-direction: column;
}
.c-card-job-responsive:last-child
{
    border-bottom: 0;
}
.c-card-job-responsive.active
{
    background-color: #eff8ff;
}
.c-card-job-responsive__container
{
    padding: 2rem 2rem 0 2rem;
}
.c-card-job-responsive__container__top
{
    position: relative;

    display: flex;
    flex-direction: row;

    padding-right: 3rem;
}
.c-card-job-responsive__container__top > div
{
    display: flex;
    flex-direction: column;
}
.c-card-job-responsive__container__top--image
{
    max-width: 135px;
    height: calc(16rem * .5625); 
    margin-top: -2rem;
    margin-right: 1.3rem;
    margin-bottom: -2rem;
    margin-left: -2rem;
}
.c-card-job-responsive__container__top--title
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 2.1rem;

    white-space: normal; 
    letter-spacing: .44px;

    color: #1b1d27;
}
.c-card-job-responsive__container__top--job
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.5rem;

    display: flex;

    margin-top: .5rem;

    white-space: normal; 
    letter-spacing: 1.83px;
    text-transform: uppercase;

    color: #525668;

    align-items: center;
}
.c-card-job-responsive__container__top--job img
{
    width: 1.6rem;
    margin-right: 1rem;
}
.c-card-job-responsive__container__top--job i
{
    width: 1.6rem;
    height: 1.6rem;
    margin-right: 1rem; 

    background-color: #525668;
}
.c-card-job-responsive__container__top .icon-svg-next
{
    position: absolute;
    top: 50%;
    right: 0;

    transform: translateY(-50%); 

    color: #525668;
}
.c-card-job-responsive__container__address
{
    display: flex;

    margin-top: 2rem;
    margin-right: -2rem;
    margin-left: -2rem;
    padding: 2rem;

    background-color: #f9fafc; 

    justify-content: space-between;
    align-items: center;
}
.c-card-job-responsive__container__address--text p
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.4rem;
    line-height: 1.8rem;

    margin: 0; 

    letter-spacing: .53px;

    color: #525668;
}
.c-card-job-responsive__container__address--button a
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 2.2rem;

    text-decoration: none;
    letter-spacing: 0;

    color: #255b8e;
}

.c-alert-message
{
    position: relative;

    display: flex;

    padding: 2rem 4rem; 

    align-items: center;
}
.c-alert-message:before
{
    position: absolute;
    top: 50%;
    left: -.2rem;

    width: .4rem;
    height: calc(100% - 1rem);

    content: '';
    transform: translateY(-50%);
}
.c-alert-message.warning
{
    background-color: rgba(232, 137, 90, .08);
}
.c-alert-message.warning:before
{
    background-color: #c6541c;
}
.c-alert-message img
{
    width: 1.8rem;
    height: 1.8rem;
}
.c-alert-message p
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.8rem;
    line-height: 2.6rem;

    margin: 0;
    margin-left: 2rem; 

    letter-spacing: 0;

    color: #1b1d27;
}

@media (max-width: 48em)
{
    .c-alert-message
    {
        align-items: flex-start;
    }
    .c-alert-message img
    {
        width: 1.6rem;
        height: 1.6rem;
    }
    .c-alert-message p
    {
        font-size: 1.6rem;
        line-height: 2.2rem;

        margin-top: -.3rem; 
        margin-left: 1rem;
    }
}

/** -----------------------------------------------------------------------------------------------------------------**/
/** ------------------------------------------- DRUPAL ADAPTATIONS --------------------------------------------------**/
/** -----------------------------------------------------------------------------------------------------------------**/
.c-messages-wrapper
{
    position: absolute;
    z-index: 98;
    top: 0;
    left: 0;

    width: 100%;
}

.c-status-messages
{
    padding: 15rem 4rem 2rem;
}
.block-alert .c-status-messages
{
    padding: 0 2rem 2rem;
}
@media (min-width: 48em)
{
    .block-alert .c-status-messages
    {
        padding: 0 4rem 2rem;
    }
}
@media (min-width: 87.5em)
{
    .block-alert .c-status-messages
    {
        padding: 0 8rem 2rem;
    }
}

.messages + .c-page-wrapper,
div[data-drupal-messages] + .c-page-wrapper
{
    padding-top: 0 !important;
}

.messages + #main-content .c-page-wrapper,
div[data-drupal-messages] + #main-content .c-page-wrapper
{
    padding-top: 0;
}

body.node .messages,
body.contact:not(.node) .messages,
body.taxonomy .messages
{
    padding: 10rem 2rem 2rem;
}
@media (min-width: 48em)
{
    body.node .messages,
    body.contact:not(.node) .messages,
    body.taxonomy .messages
    {
        padding: 15rem 4rem 2rem;
    }
}
@media (min-width: 87.5em)
{
    body.node .messages,
    body.contact:not(.node) .messages,
    body.taxonomy .messages
    {
        padding: 15rem 8rem 2rem;
    }
}

body.contact:not(.node) .messages
{
    background-color: initial;
}

.job_offer .messages + .details-offers-page .c-banner
{
    padding-top: 0;
}

div[data-drupal-messages]
{
    margin-top: 0;
}
div[data-drupal-messages] .messages__wrapper
{
    padding: 10rem 2rem 2rem;
}
@media (min-width: 48em)
{
    div[data-drupal-messages] .messages__wrapper
    {
        padding: 15rem 4rem 2rem;
    }
}
@media (min-width: 87.5em)
{
    div[data-drupal-messages] .messages__wrapper
    {
        padding: 15rem 8rem 2rem;
    }
}
.c-wrapper-page-account--col div[data-drupal-messages] .messages__wrapper
{
    padding-top: 2rem;
}
div[data-drupal-messages] .messages
{
    position: relative;

    width: 100%; 
    max-width: 1400px;
    margin: 0 auto 1rem;
    padding: 2rem 3rem 2rem 8rem !important;
}
div[data-drupal-messages] .messages::before
{
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'sfweb-icon-font' !important;
    font-size: 2.5rem;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 6.5rem;
    height: 100%;
    padding: 2.1rem 2rem;

    content: '';
    text-transform: none;

    color: #fff;

    speak: never;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
div[data-drupal-messages] .messages--error,
div[data-drupal-messages] .messages--warning
{
    color: #9a420f; 
    background-color: #fff4eb !important;
}
div[data-drupal-messages] .messages--error::before,
div[data-drupal-messages] .messages--warning::before
{
    content: '\e901'; 

    background-color: #e16019;
}
div[data-drupal-messages] .messages--status
{
    color: #0a4f03; 
    background-color: #ebfbf0 !important;
}
div[data-drupal-messages] .messages--status::before
{
    content: '';

    background-color: #42ce76;
    background-image: url('/themes/custom/safran_fo/public/images/icons/alert-information-white.svg');
    background-repeat: no-repeat;
    background-position: 18px 20px; 
    background-size: 28px;
}

.c-demo-page__container
{
    display: flex;
    flex-direction: column;
}

.c-demo-page__container__header
{
    display: flex;

    height: 18.6rem;

    background-color: #d6dae6; 

    align-items: center;
    justify-content: center;
}
.c-demo-page__container__header h2
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 2.8rem;
    line-height: 3.6rem;

    margin: 0;

    text-align: center; 

    color: #141d29;
}

@media (max-width: 48em)
{
    .c-demo-page__container__header
    {
        height: 13.7rem;
    }
    .c-demo-page__container__header h2
    {
        font-size: 2.8rem;
        font-weight: 200;
        line-height: 3.4rem;
    }
}

.c-rte--dark .c-rte__container__title span,
.c-rte--dark .c-rte__container__text p
{
    color: #fff;
}

.c-rte__container
{
    display: flex;
    flex-direction: column;
}
.c-rte__container > *:nth-child(2)
{
    margin-top: 4rem;
}

.c-rte__container__title
{
    display: flex;

    align-items: center;
    justify-content: center;
}
.c-rte__container__title span
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 3.6rem;
    line-height: 4.2rem;

    text-align: center;
    letter-spacing: 0;

    color: #1b1d27;
}

.c-rte__container__text
{
    display: flex;

    align-items: center;
    justify-content: center;
}
.c-rte__container__text p
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.8rem;
    line-height: 2.6rem;

    max-width: 1000px; 
    margin: 0;

    text-align: center;
    letter-spacing: 0;

    color: #1b1d27;
}

@media (max-width: 48em)
{
    .c-rte__container__title span
    {
        font-size: 2.4rem;
        line-height: 2.8rem;
    }
    .c-rte__container__text span
    {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }
}

.c-profile-card-quote
{
    display: flex;

    max-width: 1120px;
    height: 100%;
    min-height: 33rem;
    max-height: 33rem; 
    margin: 0 auto;
}
.c-profile-card-quote__image
{
    position: relative;

    overflow: hidden;

    width: 100%;
    max-width: 33rem;
}
.c-profile-card-quote__image img
{
    position: absolute;
    top: 0;
    left: -50%;

    transform: translate(-10%, 0);
}
.c-profile-card-quote__content
{
    position: relative;

    margin: 4.5rem 8rem 4rem 8rem;
}
.c-profile-card-quote__content > .c-layer--small
{
    width: inherit;
    max-width: inherit;
    margin: 0; 
    padding: 0;
}
.c-profile-card-quote__content .c-blockquote
{
    padding: 0;
}
.c-profile-card-quote__content .c-blockquote__content
{
    font-size: 1.8rem;
    line-height: 2.8rem;

    padding-right: 0; 
    padding-left: 4.4rem;
}
.c-profile-card-quote__content .c-blockquote__content:before
{
    width: .4rem;
}
.c-profile-card-quote__content .c-blockquote__content p
{
    margin: 0;
}
.c-profile-card-quote__content__button
{
    position: absolute;
    right: 0;
    bottom: 0;

    text-transform: uppercase;
}
.c-profile-card-quote__content__button:before
{
    position: absolute;
    top: 60%;
    left: 0;

    width: 4rem;
    height: .1rem;

    content: '';
    transition: width .3s ease-in-out; 

    background-color: #84899f;
}
.c-profile-card-quote__content__button:hover:before
{
    width: 6rem;
}
.c-profile-card-quote__content__button:hover a
{
    transform: translateX(2rem);
}
.c-profile-card-quote__content__button a
{
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.6rem;

    position: relative;

    display: inline-block;

    padding-left: 6rem;

    transition: transform .3s ease-in-out; 
    transform: translateX(0);
    letter-spacing: 2.8px;
}

.c-login-dropdown
{
    position: absolute;
    z-index: 102;
    right: 0;
    bottom: 0;

    visibility: hidden; 
    overflow: hidden;

    width: 300px;
    max-height: 0;

    transition: all .8s ease-in-out;
    transform: translateY(100%);
    text-align: center;

    background-color: rgba(27, 29, 39, .99);
}
.c-login-dropdown--opened
{
    visibility: visible; 

    max-height: 100vh;

    transition: all .3s ease-in-out;
}
.c-login-dropdown__mail
{
    font-size: 1.3rem;
    font-size: 1.3rem;
    line-height: 1.23;

    overflow: hidden;

    padding: 2.5rem 2rem 2rem;

    white-space: nowrap;
    letter-spacing: .5rem;
    letter-spacing: .05rem;
    text-overflow: ellipsis; 

    color: #fff;
}
.c-login-dropdown__mail__link
{
    font-size: 1.3rem; 

    color: #fff;
}
.c-login-dropdown__account-link
{
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.23;

    display: block;

    margin: 0 5rem;
    padding: 1.3rem 2.5rem;

    transition: all .3s ease-in-out; 
    letter-spacing: .028rem;
    text-transform: uppercase;

    color: #fff;
    border: .1rem solid #525668;
}
.c-login-dropdown__account-link:hover
{
    color: #fff;
    border-color: #255b8e; 
    background-color: #255b8e;
}
.c-login-dropdown__logout-link
{
    font-size: 1.3rem;

    display: block;

    min-width: 135px; 
    padding: 2.5rem 2rem 2rem;

    transition: all .3s ease-in-out;

    color: #7fb8e7;
}
.c-login-dropdown__logout-link:hover
{
    color: #fff;
}
.c-login-dropdown__link
{
    font-size: 1.3rem;

    display: flex;

    width: 100%;
    padding: 2.5rem 2rem 2rem;

    transition: all .3s ease-in-out; 

    color: #fff;

    justify-content: space-between;
}
.c-login-dropdown__link-wrapper
{
    display: flex;
    flex-direction: row;

    border-top: .1rem solid #383b49; 

    justify-content: space-between;
}
.c-login-dropdown__link:hover
{
    color: #255b8e;
}

.c-page-wrapper
{
    padding-top: 56px;
}
@media (min-width: 48em)
{
    .c-page-wrapper
    {
        padding-top: 76px;
    }
}
@media (min-width: 64em)
{
    .c-page-wrapper
    {
        padding-top: 76px;
    }
}
.c-page-wrapper--admin-toolbar
{
    padding-top: 154px;
}
@media (max-width: 48em)
{
    .c-page-wrapper--admin-toolbar
    {
        padding-top: 95px;
    }
}
.c-page-wrapper > *:not(.c-structured-categories-search)
{
    min-height: 100vh;
}

.c-image-item-full
{
    display: flex;

    height: 100%; 
    padding: 4rem 12rem;

    align-items: center;
    justify-content: center;
}
.c-image-item-full__item
{
    position: relative;

    display: block;

    height: 100%;
}
.c-image-item-full__item__image
{
    height: 100%;
    max-height: calc(100% - 15.2rem);

    text-align: center;
}
.c-image-item-full__item__image img
{
    width: auto; 
    max-width: 100%;
    max-height: 100%;
}
.c-image-item-full__item__title
{
    margin-top: 2rem;
}
.c-image-item-full__item__title span
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.8rem;
    line-height: 2.6rem;

    letter-spacing: 0;

    color: #fff;
}
@media (max-width: 47.99em)
{
    .c-image-item-full__item__title
    {
        overflow: hidden;

        height: 3rem;
    }
}
.c-image-item-full__item__container
{
    text-align: center;
}
.c-image-item-full__item__credits span
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.3rem;
    line-height: 1.6rem;

    letter-spacing: .49px;

    color: #a1a5b9;
}
.c-image-item-full__item__buttons
{
    display: flex;

    align-items: center;
}
.c-image-item-full__item__buttons__container
{
    margin-right: 4rem;
}
.c-image-item-full__item__buttons__container:last-child
{
    margin-right: 0;
}
.c-image-item-full__item__buttons__container a
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 3.2rem; 

    display: block;

    letter-spacing: 2.8px;
    text-transform: uppercase;

    color: #fff;
}
.c-image-item-full__item__buttons__container a:before
{
    display: inline-block;

    vertical-align: middle;
}
.c-image-item-full__item__buttons__container a.c-btn--icon-download
{
    line-height: inherit;
}
.c-image-item-full__item__buttons__container a.c-btn--icon-download:before
{
    position: relative;
    top: .8rem;
}
.c-image-item-full__item__buttons__container a span
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.3rem;
    line-height: 1.6rem; 

    display: block;

    letter-spacing: .49px;

    color: #a1a5b9;
}

@media (max-width: 79.99em)
{
    .c-image-item-full__item__image img
    {
        width: auto; 
        max-height: 100%;
    }
}

@media (max-width: 63.99em)
{
    .c-image-item-full
    {
        padding: 6rem 2rem 0 2rem;
    }
    .c-image-item-full__item__image img
    {
        width: auto; 
        max-height: 100%;
    }
    .c-image-item-full__item__buttons
    {
        flex-direction: column;

        padding-top: 2rem;

        align-items: inherit;
    }
    .c-image-item-full__item__buttons .c-btn--icon::before
    {
        left: 0;
    }
    .c-image-item-full__item__buttons__container:last-child
    {
        margin-left: 0;
    }
}

.ui-menu-item:hover
{
    background: none !important;
}

.ui-state-active
{
    background: none !important;
}

.c-autosuggest-item
{
    display: flex;
    overflow: hidden;

    min-height: 5rem; 
    padding: 0 2rem;

    white-space: nowrap;
    text-overflow: ellipsis;

    background-color: #fff;

    align-items: center;
}
.c-autosuggest-item__img
{
    width: 5rem;
    height: auto;
}
.c-autosuggest-item__img-download
{
    width: 1.8rem;
    height: 1.8rem;
    height: auto;
}
.c-autosuggest-item__title
{
    font-size: 1.4rem;

    padding-left: 1rem;

    color: #3c5a7d;
}
.c-autosuggest-item:hover
{
    background-color: #e7eaf2;
}

.c-decision-tree-downloads
{
    padding: 4rem 0;
}
@media (min-width: 48em)
{
    .c-decision-tree-downloads
    {
        padding: 3rem 0;
    }
}

.c-decision-tree-informations-rte
{
    padding: 4rem 0;
}
@media (min-width: 48em)
{
    .c-decision-tree-informations-rte
    {
        padding: 3rem 0;
    }
}
.c-decision-tree-informations-rte .c-editor-text
{
    padding: 0;
}

.c-decision-tree-links
{
    display: flex;

    padding: 1.5rem 3rem 4rem;

    flex-wrap: wrap;
}
@media (max-width: 47.99em)
{
    .c-decision-tree-links
    {
        padding: 1.5rem 0 3rem;

        flex-basis: 50%;
        justify-content: space-between;
    }
}
.c-decision-tree-links__link
{
    display: flex;
    flex-direction: column;

    width: 20.8rem;
    height: 12.6rem;
    margin-top: 2.5rem; 
    margin-right: 2.5rem;
    padding: 1.5rem;

    transition: all .3s ease-in-out;
    text-decoration: none;

    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 14px 12px 0 rgba(59, 135, 204, .12);

    align-items: center;
    justify-content: center;
}
@media (max-width: 47.99em)
{
    .c-decision-tree-links__link
    {
        width: auto;
        height: auto;
        min-height: 6.2rem;
        margin-top: 1.5rem;
        margin-right: 0;

        flex-basis: calc(50% - 1.5rem);
        justify-content: space-between;
    }
}
@media (max-width: 23.115em)
{
    .c-decision-tree-links__link
    {
        width: 100%;
    }
}
.c-decision-tree-links__link:hover
{
    box-shadow: 0 14px 12px 0 rgba(59, 135, 204, .2);
}
.c-decision-tree-links__link__icon
{
    width: 3.6rem;
    height: 3.6rem;

    background-color: #255b8e;
}
@media (max-width: 47.99em)
{
    .c-decision-tree-links__link__icon
    {
        width: 2.4rem; 
        height: 2.4rem;
    }
}
.c-decision-tree-links__link__text
{
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 2.5rem;

    text-align: center;
    letter-spacing: 2.32px;

    color: #525668;
}
@media (max-width: 47.99em)
{
    .c-decision-tree-links__link__text
    {
        line-height: 1.6rem;
    }
}

@supports (--css: variables)
{
    input[type='range'].multirange.original
    {
        height: 8px;

        outline: none; 
        background: transparent;

        -webkit-appearance: none;
    }
    input[type='range'].multirange.original::-webkit-slider-thumb
    {
        width: 18px;
        height: 18px;

        cursor: pointer; 

        border: none;
        border-radius: 50%;
        background-color: #255b8e;

        -webkit-appearance: none;
                appearance: none;
    }
    input[type='range'].multirange.original::-moz-range-thumb
    {
        z-index: 2; 

        width: 18px;
        height: 18px;

        border: none;
        border-radius: 50%;
        background-color: #255b8e;
        box-shadow: 0 5px 10px 3px rgba(59, 135, 204, .3);
    }
    input[type='range'].multirange.ghost
    {
        position: relative;

        height: 8px;

        outline: none;
        background: transparent;
        background: var(--track-background);

        -webkit-appearance: none;
        --track-background: linear-gradient(to right,
        #dee4ec var(--low), #255b8e 0,
        #255b8e var(--high), #dee4ec 0
        ) no-repeat 0 45% / 100% 40%;
    }
    input[type='range'].multirange.ghost::-webkit-slider-thumb
    {
        width: 18px;
        height: 18px;

        cursor: pointer; 

        border: none;
        border-radius: 50%;
        background-color: #255b8e;

        -webkit-appearance: none;
                appearance: none;
    }
    input[type='range'].multirange.ghost::-moz-range-thumb
    {
        z-index: 2; 

        width: 18px;
        height: 18px;

        border: none;
        border-radius: 50%;
        background-color: #255b8e;
        box-shadow: 0 5px 10px 3px rgba(59, 135, 204, .3);
    }
}

.c-tag-block__image
{
    position: relative; 

    width: 100%;
    height: auto;
}
.c-tag-block__image img
{
    width: 100%;
}
.c-tag-block__image--number
{
    position: absolute;
    z-index: 50;
    right: 0;
    bottom: 0;

    width: 77px;
    height: 48px;
    padding: 1.5rem;

    transition: all .75s;

    background-color: rgba(27, 29, 39, .8);
}
.c-tag-block__image--number span
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 1.9rem;

    display: flex;

    letter-spacing: .6px;

    color: #fff;

    align-items: center;
    justify-content: center;
}
.c-tag-block__image--number span img
{
    width: 23px;
    height: auto;
    margin-right: 8px;
}
.c-tag-block__image--duration
{
    position: absolute;
    z-index: 50;
    right: 0;
    bottom: 0;

    width: 77px;
    height: 32px;
    padding: .5rem 1.5rem;

    transition: all .75s;

    background-color: rgba(27, 29, 39, .8);
}
.c-tag-block__image--duration span
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 1.9rem;

    display: flex;

    letter-spacing: .6px;

    color: #fff;

    align-items: center;
    justify-content: center;
}
.c-tag-block__image--duration span img
{
    width: 23px;
    height: auto;
    margin-right: 8px;
}

.c-tag-block__image-background
{
    position: relative;

    display: flex;
    overflow: hidden;

    width: 100%;
    margin-bottom: 3rem;
    padding-top: 48.67%; 

    transform-origin: center center;

    background-color: #84899f;

    align-items: center;
    justify-content: center;
}
.c-tag-block__image-background img
{
    position: absolute;
    top: 0;
}

.c-tag-block__image-event
{
    position: relative; 

    padding-top: 48.67%;

    background-color: #2d559f;
}
.c-tag-block__image-event .c-event-card__date-title
{
    position: absolute;
    top: 0;
    left: 50%;

    margin-top: 1rem;

    transform: translateX(-50%);
}
.c-tag-block__image-event .c-event-card__dates-wrapper
{
    position: absolute;
    top: 25%;
    left: 50%;

    transform: translatex(-50%);
}
.c-tag-block__image-event .c-event-card__dates-wrapper .c-event-card__date-container
{
    margin-top: 0;
}
.c-tag-block__image-event .c-event-card__dates-wrapper .c-event-card__date-container .c-event-card__month-year
{
    white-space: nowrap;
}
@media (max-width: 29.99em)
{
    .c-tag-block__image-event .c-event-card__day
    {
        font-size: 4.65rem;
    }
}
.c-tag-block__image-event .c-event-card__attendance
{
    position: absolute;
    bottom: 1.5rem;
    left: 50%;

    width: 100%;
    min-height: unset;
    margin-top: 0;
    padding: 0; 

    transform: translatex(-50%);
}
@media (max-width: 63.99em)
{
    .c-tag-block__image-event .c-event-card__attendance
    {
        bottom: .5rem;
    }
}
.c-tag-block__image-event .c-event-card__attendance.first
{
    bottom: 4.5rem;
}
@media (max-width: 63.99em)
{
    .c-tag-block__image-event .c-event-card__attendance.first
    {
        bottom: 3rem;
    }
}
.c-tag-block__image-event .content_adresse
{
    font-size: 1.4rem; 

    position: absolute;
    bottom: 1.5rem;
    left: 50%;

    width: 100%;

    transform: translatex(calc(-50% + 16px));
    text-align: center;
}
@media (max-width: 63.99em)
{
    .c-tag-block__image-event .content_adresse
    {
        bottom: .5rem;
    }
}
.c-tag-block__image-event .content_adresse span
{
    display: inline;

    color: #fff;
}
.c-tag-block__image-event .content_adresse span:first-child
{
    position: relative;
}
.c-tag-block__image-event .content_adresse span:first-child::before
{
    font-family: 'icomoon';

    position: absolute;
    top: -.3rem;
    left: -2.5rem; 

    content: '';

    color: #fff;
}
.c-tag-block__image-event .content_adresse p
{
    margin: 0;
}
.c-tag-block__image-event .content_adresse.first
{
    bottom: 4.5rem;
}

.c-tag-block__image-video
{
    position: relative;

    display: flex;
    overflow: hidden;

    width: 100%;
    margin-bottom: 3rem;
    padding-top: 48.67%;

    transform-origin: center center;

    background-color: #112753;

    align-items: center;
    justify-content: center;
}
.c-tag-block__image-video img
{
    position: absolute;
    top: 0;

    width: 100%;
}
.c-tag-block__image-video .player
{
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;

    display: flex;

    width: 9.3rem;
    height: 9.3rem;

    transition: all .5s; 
    transform: translate(-50%, -50%);

    border: .3rem solid #fff;
    border-radius: 4.5rem;
    box-shadow: 0 .6rem 1rem 0 rgba(0, 0, 0, .4);

    align-items: center;
    justify-content: center;
}
.c-tag-block__image-video .player:after
{
    display: block;

    box-sizing: border-box;
    width: 2rem;
    height: 2rem;
    margin-left: .5rem;

    content: ''; 

    border-width: 1rem 0 1rem 1.5rem;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
}
@media (max-width: 47.99em)
{
    .c-tag-block__image-video .player
    {
        width: 4.4rem;
        height: 4.4rem;

        border: .2rem solid #fff;
    }
    .c-tag-block__image-video .player::after
    {
        width: 1rem;
        height: 1rem;
        margin-left: .2em;

        border-width: .5rem 0 .5rem .75rem;
    }
}

.c-tag-block__image-podcast
{
    position: relative;

    display: flex;
    overflow: hidden;

    width: 100%;
    height: auto;
    margin-bottom: 3rem;
    padding-top: 48.67%;

    transform-origin: center center;

    background-color: #112753;

    align-items: center;
    justify-content: center;
}
.c-tag-block__image-podcast .c-audio-item__list-item__aside__img
{
    position: absolute;
    top: 0;

    width: 100%;
}
.c-tag-block__image-podcast .player
{
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;

    display: flex;

    width: 9.3rem;
    height: 9.3rem;

    transition: all .5s; 
    transform: translate(-50%, -50%);

    border: .3rem solid #fff;
    border-radius: 4.5rem;
    box-shadow: 0 .6rem 1rem 0 rgba(0, 0, 0, .4);

    align-items: center;
    justify-content: center;
}
.c-tag-block__image-podcast .player:after
{
    display: block;

    box-sizing: border-box;
    width: 2rem;
    height: 2rem;
    margin-left: .5rem;

    content: ''; 

    border-width: 1rem 0 1rem 1.5rem;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
}
@media (max-width: 47.99em)
{
    .c-tag-block__image-podcast .player
    {
        width: 4.4rem;
        height: 4.4rem;

        border: .2rem solid #fff;
    }
    .c-tag-block__image-podcast .player::after
    {
        width: 1rem;
        height: 1rem;
        margin-left: .2em;

        border-width: .5rem 0 .5rem .75rem;
    }
}

.c-tag-block__content
{
    width: 100%;
    margin-top: 3rem; 
    padding: 0;
}
.c-tag-block__content p
{
    line-height: 2.2rem;

    max-width: 100%;
    margin: 1rem 0 0;

    transition: all .3s; 

    color: #1b1d27;
}

.c-tag-block-img-content
{
    padding: 4rem 4rem 0;
}
.c-tag-block-img-content p
{
    color: #1b1d27;
}

.c-tag-block .infos__date
{
    display: inline-block;

    margin-right: 2.5rem;
}

.c-tag-block .infos__tag
{
    display: inline-block;
}

.c-tag-block:hover p
{
    color: #255b8e;
}

.c-tag-block:hover .c-event-card__attendance
{
    color: #fff;
}

.c-tag-block:hover .c-event-card__date-title
{
    color: #fff;
}

.c-tag-block.publication
{
    display: block; 

    height: 100%;

    background-color: #f9fafc;
}
.c-tag-block.publication .c-tag-block__content
{
    margin-bottom: 2rem; 

    text-align: center;
}
.c-tag-block.publication .c-tag-block__image
{
    min-height: 24.6rem;
    padding-top: 3rem;
}
.c-tag-block.publication .c-tag-block__image img
{
    display: block;

    max-width: 15rem;
    margin: 0 auto;

    transition: all .4s ease-in-out; 

    border-radius: 2px 0 0 2px;
    border-radius: .2rem 0 0 .2rem;
    box-shadow: 1rem 1rem 2rem 0 rgba(37, 91, 142, .08);
}

.c-tag-block .c-tag-block__content p
{
    display: -webkit-box;
    overflow: hidden;

    text-overflow: ellipsis; 

    -webkit-line-clamp: 1;
            line-clamp: 1;
    -webkit-box-orient: vertical;
}

.c-tags-list .o-grid > div
{
    margin-bottom: 4rem;
}

.c-structured_tags-related
{
    padding: 4rem 0;
}
.c-structured_tags-related .c-subtitle.title
{
    padding-bottom: 4rem;
}
.c-structured_tags-related-block-image img
{
    width: 100%;
}
.c-structured_tags-related-block-content .title
{
    padding-top: 1rem; 

    color: #1b1d27;
}
.c-structured_tags-related-block-content span
{
    font-size: 1.4rem;

    color: #84899f;
}

.c-podcast-description__container
{
    display: flex;
    flex-direction: column;

    padding: 4rem 3rem; 

    align-items: flex-start;
}
@media (min-width: 64em)
{
    .c-podcast-description__container
    {
        padding: 8rem 12rem;
    }
}

.c-podcast-description__infos
{
    font-size: 1.2rem; 

    margin-bottom: 20px;

    letter-spacing: 2.5px;
    text-transform: uppercase;
}
.c-podcast-description__infos span
{
    font-size: 1.2rem; 

    margin-left: 20px;

    color: #255b8e;
}

.c-podcast-description__text
{
    width: 100%;
}
.c-podcast-description__text p
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.4rem;
    line-height: 2.6rem;

    margin: 0;

    text-align: left;
    letter-spacing: 0;

    color: #1b1d27;
}
@media (min-width: 64em)
{
    .c-podcast-description__text p
    {
        font-size: 1.6rem;
    }
}

.c-podcast-description__links
{
    display: flex;
    flex-direction: column;

    margin-top: 2.5rem; 

    align-items: flex-start;
    justify-content: center;
    align-self: flex-start;
}
.c-podcast-description__links a
{
    font-size: 1.2rem;

    display: flex;

    min-height: 35px;
    margin-top: 10px; 

    letter-spacing: 2.5px;
    text-transform: uppercase;

    flex-flow: row;
    align-items: center;
}
.c-podcast-description__links a img
{
    width: 25px; 
    margin-right: 10px;
}
.c-podcast-description__links a:first-of-type
{
    margin-top: 0;
}
@media (min-width: 64em)
{
    .c-podcast-description__links
    {
        flex-direction: row;

        align-items: center;
        justify-content: flex-end;
        align-self: flex-end;
    }
    .c-podcast-description__links a
    {
        margin-top: 0; 
        margin-left: 35px;
    }
    .c-podcast-description__links a:first-of-type
    {
        margin-left: 0;
    }
}

.c-podcast-description--dark .c-podcast-description__infos,
.c-podcast-description--dark .c-podcast-description__text h2,
.c-podcast-description--dark .c-podcast-description__text p,
.c-podcast-description--dark .c-podcast-description__links a
{
    color: #fff;
}

.c-audio-chapter-item
{
    padding: 0rem 2rem;
}
.c-audio-chapter-item .c-layer
{
    display: flex;
    flex-direction: row;

    padding: 1rem 2rem;

    cursor: pointer; 
    transition: all .4s ease-in-out;

    border-bottom: 1px solid #1b1d27;

    justify-content: space-between;
    align-items: center;
}
.c-audio-chapter-item .c-layer:hover
{
    background-color: rgba(7, 14, 29, .25098);
}
.c-audio-chapter-item__title
{
    font-size: 1.4rem; 

    color: inherit;
}
.c-audio-chapter-item__title span
{
    margin-right: 25px;
}
.c-audio-chapter-item__timecode
{
    font-size: 1.4rem;
    font-weight: 400; 

    margin-left: 20px;

    color: inherit;
}
.c-audio-chapter-item--dark .c-layer
{
    border-bottom: 1px solid #fff;
}
.c-audio-chapter-item--dark .c-audio-chapter-item__title
{
    color: #fff;
}
.c-audio-chapter-item--dark .c-audio-chapter-item__timecode
{
    color: #fff;
}
.c-audio-chapter-item:last-of-type .c-layer
{
    border-bottom: 0 !important;
}
@media (min-width: 64em)
{
    .c-audio-chapter-item
    {
        padding: 0rem 14rem;
    }
    .c-audio-chapter-item .c-audio-chapter-item__title,
    .c-audio-chapter-item .c-audio-chapter-item__timecode
    {
        font-size: 1.6rem;
    }
}

.usefulness-buttons-wrapper.c-layer
{
    padding: 4rem;
}
@media (max-width: 64em)
{
    .usefulness-buttons-wrapper.c-layer
    {
        padding: 2rem;
    }
}

.usefulness-buttons
{
    display: flex;

    flex-flow: row wrap;
    align-items: center;
}
.usefulness-buttons.c-layer--small
{
    padding: 0;
}
.usefulness-buttons > span
{
    margin-right: 1.536rem; 

    letter-spacing: .49px;

    color: #84899f;
}
@media (max-width: 64em)
{
    .usefulness-buttons > span
    {
        font-size: 1.3rem;
    }
}
.usefulness-buttons .button
{
    position: relative;

    display: inline-block;

    height: 34px;
    padding-right: 8px; 
    padding-left: 36px;

    transition: all .6s ease-in-out;
    letter-spacing: .49px;

    border: 1px solid #e7eaf2;
    border-radius: 2px;
    background-color: #fff;
}
@media (max-width: 64em)
{
    .usefulness-buttons .button
    {
        font-size: 13px;
    }
}
.usefulness-buttons .button:before
{
    position: absolute;
    top: 7px;
    left: 8px;

    display: inline-block;

    width: 18px;
    height: 18px;

    content: '';
    transition: all .6s ease-in-out;
}
.usefulness-buttons .button.useful
{
    margin-right: 1.5rem; 

    color: #177d3c;
}
.usefulness-buttons .button.useful:before
{
    background-image: url('../../public/images/icons/check-circle-green.svg');
}
.usefulness-buttons .button.useful:hover,
.usefulness-buttons .button.useful:focus,
.usefulness-buttons .button.useful.clicked
{
    color: #fff; 
    border-color: #177d3c;
    background-color: #177d3c;
}
.usefulness-buttons .button.useful:hover:before,
.usefulness-buttons .button.useful:focus:before,
.usefulness-buttons .button.useful.clicked:before
{
    filter: invert(100%) sepia(0) saturate(0) hue-rotate(355deg) brightness(400%) contrast(102%);
}
.usefulness-buttons .button.useful-n
{
    color: #c4541c;
}
.usefulness-buttons .button.useful-n:before
{
    background-image: url('../../public/images/icons/remove-circle-red.svg');
}
.usefulness-buttons .button.useful-n:hover,
.usefulness-buttons .button.useful-n:focus,
.usefulness-buttons .button.useful-n.clicked
{
    color: #fff; 
    border-color: #c4541c;
    background-color: #c4541c;
}
.usefulness-buttons .button.useful-n:hover:before,
.usefulness-buttons .button.useful-n:focus:before,
.usefulness-buttons .button.useful-n.clicked:before
{
    filter: invert(100%) sepia(0) saturate(0) hue-rotate(355deg) brightness(200%) contrast(102%);
}
.usefulness-buttons .button[disabled]
{
    cursor: default; 

    color: #555 !important;
    border-color: #e7eaf2 !important;
    background-color: #eee !important;
}
.usefulness-buttons .button[disabled].clicked.useful
{
    color: #fff !important; 
    border-color: #177d3c !important;
    background-color: #177d3c !important;
}
.usefulness-buttons .button[disabled].clicked.useful-n
{
    color: #fff !important; 
    border-color: #c4541c !important;
    background-color: #c4541c !important;
}
.usefulness-buttons .button[disabled]:not(.clicked):hover:before
{
    filter: none;
}
.accordion-wrapper .usefulness-buttons
{
    position: relative;

    width: 100%;
    margin-top: 40px;
}
.accordion-wrapper .usefulness-buttons > span
{
    font-size: 1.3rem;
}
.accordion-wrapper .usefulness-buttons .button
{
    font-size: 13px;
}

.c-banner-content-he h1.c-historical-event-title
{
    font-size: 3rem;
    font-weight: 400;
    line-height: 4.5rem;

    margin-bottom: 1.2rem; 

    color: #fff;
}
@media (min-width: 80em)
{
    .c-banner-content-he h1.c-historical-event-title
    {
        font-size: 4rem;
        line-height: 5.5rem;
    }
}

.c-banner-content-he .c-banner-background
{
    background-size: cover;
}

.c-banner-content-he .c-historical-event-head
{
    position: relative;

    display: flex;
    flex-direction: column;

    color: #fff;
}
@media (min-width: 80em)
{
    .c-banner-content-he .c-historical-event-head
    {
        flex-direction: row;

        min-height: 500px;
    }
}
@media (min-width: 80em)
{
    .c-banner-content-he .c-historical-event-head-col
    {
        min-height: 640px; 

        flex-basis: 50%;
    }
}
.c-banner-content-he .c-historical-event-head-image
{
    position: absolute;
    z-index: 1;
    top: 12.2rem;
    left: 50%;

    width: 164px;
    margin: auto; 

    transform: translateX(-50%);
}
@media (min-width: 80em)
{
    .c-banner-content-he .c-historical-event-head-image
    {
        z-index: 4;
        top: 18rem;
        left: 50%;

        width: 190px; 

        transform: translateX(-50%);
    }
}
@media (min-width: 87.5em)
{
    .c-banner-content-he .c-historical-event-head-image
    {
        top: 27rem;

        width: 200px;
    }
}
@media (min-width: 100em)
{
    .c-banner-content-he .c-historical-event-head-image
    {
        top: 30rem;

        width: 320px;
    }
}
.c-banner-content-he .c-historical-event-head-image img
{
    width: 100%; 
    max-width: 100%;
}
.c-banner-content-he .c-historical-event-head-image.landscape
{
    width: 230px;
}
@media (min-width: 80em)
{
    .c-banner-content-he .c-historical-event-head-image.landscape
    {
        width: 280px;
    }
}
@media (min-width: 87.5em)
{
    .c-banner-content-he .c-historical-event-head-image.landscape
    {
        width: 400px;
    }
}
@media (min-width: 100em)
{
    .c-banner-content-he .c-historical-event-head-image.landscape
    {
        width: 480px;
    }
}
.c-banner-content-he .c-historical-event-head-big-date
{
    font-size: 12.8rem;
    font-weight: 800;
    font-style: normal;
    line-height: 160px;

    position: relative;
    z-index: 5; 

    letter-spacing: 11px;

    color: transparent;

    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #fff;
}
@media (min-width: 80em)
{
    .c-banner-content-he .c-historical-event-head-big-date
    {
        font-size: 16rem;

        position: absolute;
        z-index: 5; 
        top: 5rem;
        left: 50%;

        transform: translateX(-50%);
    }
}
@media (min-width: 87.5em)
{
    .c-banner-content-he .c-historical-event-head-big-date
    {
        font-size: 22rem;
        font-size: 30rem; 

        top: 12rem;

        -webkit-text-stroke-width: 3px;
    }
}

.c-banner-content-he .c-historical-event-date
{
    font-size: 2.5rem;
    line-height: 3.5rem;

    margin-bottom: 5rem;
}
.c-banner-content-he .c-historical-event-date .c-references-block-container__details--icon
{
    margin-right: 8px;
}

.c-banner-content-he .c-historical-event-tags
{
    font-size: 1.5rem;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.6rem;
    line-height: 1.6rem;

    display: flex;
    flex-direction: column;

    margin-bottom: 5rem;

    text-transform: uppercase;

    color: #3b87cc;
}
@media (min-width: 80em)
{
    .c-banner-content-he .c-historical-event-tags
    {
        font-size: 1.8rem;
    }
}
@media (min-width: 48em)
{
    .c-banner-content-he .c-historical-event-tags
    {
        flex-direction: row;
    }
}
.c-banner-content-he .c-historical-event-tags--key-date
{
    margin-right: 2.5rem;
    margin-bottom: 1rem; 

    color: #ed7771;
}

.c-banner-content-he .arrow-bottom
{
    position: absolute;
    bottom: 1rem;
    left: 50%;

    transform: translateX(-50%);
}
@media (min-width: 80em)
{
    .c-banner-content-he .arrow-bottom
    {
        bottom: 1rem;
    }
}
@media (min-width: 80em)
{
    .adminimal-admin-toolbar .c-banner-content-he .arrow-bottom
    {
        bottom: 14rem;
    }
}

.c-banner-content-he .c-historical-event-col-1
{
    position: relative;

    padding-bottom: 15rem; 

    text-align: center;
}
@media (min-width: 80em)
{
    .c-banner-content-he .c-historical-event-col-1
    {
        padding-bottom: 0;
    }
}

.c-banner-content-he .c-historical-event-col-2
{
    padding: 6.5rem 2.5rem;

    background-color: #070e1d;
}
@media (min-width: 80em)
{
    .c-banner-content-he .c-historical-event-col-2
    {
        padding: 5.5rem;

        background-color: rgba(7, 14, 29, .9);
    }
}
@media (min-width: 87.5em)
{
    .c-banner-content-he .c-historical-event-col-2
    {
        padding: 8rem 6rem;
    }
}
@media (min-width: 100em)
{
    .c-banner-content-he .c-historical-event-col-2
    {
        padding: 20rem 15rem;
    }
}

.c-he-card
{
    margin-bottom: 2rem; 
    padding-left: 4rem;
}
@media (min-width: 80em)
{
    .c-he-card
    {
        width: 33%;
        margin-bottom: 0;
    }
}
.c-he-card-content
{
    display: flex;
    flex-direction: row;

    height: 100%;
    min-height: 150px; 
    padding: 1.8rem;

    color: #070e1d;
}
@media (min-width: 80em)
{
    .c-he-card-content
    {
        padding: 3rem;
    }
}
.c-he-card-image
{
    position: relative;
    left: -5rem;

    width: 100px;
}
@media (min-width: 80em)
{
    .c-he-card-image
    {
        width: 155px;
    }
}
.c-he-card-image img
{
    position: absolute;
    top: 50%;

    max-width: 100%;

    transform: translateY(-50%);
}
@media (min-width: 80em)
{
    .c-he-card-image img
    {
        position: absolute;
        top: 50%;

        transform: translateY(-50%);
    }
}
.c-he-card-text
{
    width: calc(100% - 100px); 
    padding: 0;
}
@media (min-width: 80em)
{
    .c-he-card-text
    {
        width: calc(100% - 155px); 
        padding: 1rem 2rem 1rem 0;
    }
}
.c-he-card-text-content
{
    position: relative;
    left: -30px; 

    display: flex;
    flex-direction: column;

    width: calc(100% + 30px);

    justify-content: space-between;
}
@media (min-width: 48em)
{
    .c-he-card-text-content
    {
        position: static; 

        width: 100%;
    }
}
@media (min-width: 80em)
{
    .c-he-card-text-content
    {
        position: relative; 

        width: calc(100% + 30px);
    }
}
@media (min-width: 100em)
{
    .c-he-card-text-content
    {
        position: static; 

        width: 100%;
    }
}
.c-he-card-date
{
    font-size: 2rem;
    line-height: 2.5rem;

    margin-bottom: 1rem;
}
@media (min-width: 30em)
{
    .c-he-card-date
    {
        font-size: 2.5rem;
        line-height: 3.5rem;
    }
}
@media (min-width: 80em)
{
    .c-he-card-date
    {
        font-size: 2rem;
        line-height: 2.5rem;
    }
}
@media (min-width: 100em)
{
    .c-he-card-date
    {
        font-size: 3rem;
        line-height: 3rem; 

        margin-bottom: 2.2rem;
    }
}
.c-he-card-title
{
    font-size: 1.8rem;
    line-height: 2.2rem;
}
@media (min-width: 80em)
{
    .c-he-card-title
    {
        font-size: 2rem;
        line-height: 3rem;
    }
}
@media (min-width: 100em)
{
    .c-he-card-title
    {
        font-size: 2.5rem;
        line-height: 3.5rem;
    }
}
.c-he-card--dark .c-he-card-content
{
    color: #fff;
}

.c-glossary-header
{
    background-color: #f9fafc;
}
.c-glossary-header__content
{
    padding: 8rem 0 9rem;
}

.c-glossary-content.c-layer--small
{
    padding-top: 2.5rem;
    padding-bottom: 6.25rem;
}
@media (min-width: 64em)
{
    .c-glossary-content.c-layer--small
    {
        padding-top: 5rem;
        padding-bottom: 9rem;
    }
}

/* ==========================================================================
   ORGANISMS
   ========================================================================== */
/* ==========================================================================
   #Layer
   ========================================================================== */
.c-layer
{
    position: relative;

    padding: 8rem;
}
@media (max-width: 87.49em)
{
    .c-layer
    {
        padding: 4rem;
    }
}
@media (max-width: 63.99em)
{
    .c-layer
    {
        padding: 4rem;
    }
}
@media (max-width: 47.99em)
{
    .c-layer
    {
        padding: 2rem;
    }
}
@media (max-width: 29.99em)
{
    .c-layer
    {
        padding: 2rem;
    }
}
.c-layer--small
{
    width: 100%;
    max-width: 59vw;
    margin: 0 auto; 
    padding: 0 .5rem;
}
@media (min-width: 87.5em)
{
    .c-layer--small
    {
        width: 59vw;
    }
}
@media (max-width: 87.49em)
{
    .c-layer--small
    {
        max-width: 85rem;
    }
}
@media (max-width: 63.99em)
{
    .c-layer--small
    {
        max-width: none !important; 
        padding: 0 2rem;
    }
}
.c-layer--medium
{
    width: 100%;
    max-width: 69vw;
    margin: 0 auto; 
    padding: 0 .5rem;
}
@media (min-width: 64em)
{
    .c-layer--medium
    {
        width: 69vw;
    }
}
@media (max-width: 63.99em)
{
    .c-layer--medium
    {
        max-width: none !important;
    }
}
.c-layer--no-h-padding
{
    padding-right: 0; 
    padding-left: 0;
}
.c-layer--no-v-padding
{
    padding-top: 0;
    padding-bottom: 0;
}
.c-layer--medium-v-padding
{
    padding-top: 4rem;
    padding-bottom: 4rem;
}
.c-layer--small-v-padding
{
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.c-layer--blue
{
    color: #1b1d27; 
    background: #eff8ff;
}
.c-layer--grey
{
    background: #f9fafc;
}
.c-layer--blue-gradient
{
    color: #fff; 
    background: linear-gradient(180deg, #112753 0%, #070e1d 100%);
}
.c-layer--double-spacing-h
{
    padding-right: 16rem;
    padding-left: 16rem;
}
.c-layer--slider
{
    padding-right: 0;
}
.c-layer--after-section
{
    margin-top: 2rem !important;
    padding-right: 2rem; 
    padding-left: 2rem;
}
@media (min-width: 64em)
{
    .c-layer--after-section
    {
        margin-top: -10rem !important;
        padding-right: 0; 
        padding-left: 0;
    }
}
.c-layer__category
{
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.79;

    margin: 0 0 1.3rem 0;

    letter-spacing: .6rem;
    text-transform: uppercase; 

    color: #84899f;
}
.c-layer__title
{
    font-size: 3.6rem;
    line-height: 1.16; 

    margin: 0 0 8rem 0;
}
.c-layer__bottom-link
{
    margin-top: 4rem;

    text-align: right;
}
.c-layer__bottom-link a
{
    font-size: 1.3rem;
    font-weight: 500;

    text-decoration: none;
    text-transform: uppercase; 

    color: #073a7c;
}
.c-layer--bottom-padding
{
    padding-top: 0; 
    padding-right: 0;
    padding-left: 0;
}
.c-layer--bottom-padding-m
{
    padding-right: 16rem;
    padding-left: 16rem;
}
@media (max-width: 63.99em)
{
    .c-layer--bottom-padding-m
    {
        padding-top: 0; 
        padding-right: 0;
        padding-left: 0;
    }
}

.c-footer-highlight__content .c-layer--no-v-padding
{
    max-width: -webkit-fit-content;
    max-width:    -moz-fit-content;
    max-width:         fit-content;
}

.c-layer:empty
{
    display: none;
}

.c-block-ie
{
    display: none;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
{
    .c-block-ie
    {
        display: block;
    }
    .c-block-ie-background
    {
        position: fixed;
        z-index: 100;

        width: 100%;
        height: 100%;

        opacity: .6; 
        background: #070e1d;
    }
    .popin-message-ie
    {
        position: fixed;
        z-index: 101; 
        top: 50%;
        left: 50%;

        width: 50rem;
        height: 30rem;
        padding: 4rem;

        transform: translateY(-50%) translateX(-50%);

        opacity: 1;
        border-radius: 2px;
        background: #fff;
        box-shadow: 0 8px 13px rgba(59, 135, 204, .07);
    }
    .popin-message-ie i
    {
        font-size: 4rem;

        display: block;

        margin-bottom: 4rem; 

        text-align: center;

        color: #84899f;
    }
    .popin-message-ie span
    {
        text-align: center; 

        color: #1b1d27;
    }
    .popin-message-ie p
    {
        text-align: center; 

        color: #1b1d27;
    }
    .v2-popin-message-ie
    {
        position: fixed;
        z-index: 105; 
        right: 0;
        bottom: 0;
        left: 0;

        display: block;

        width: 100%;
        padding: 20px 20px 52px;

        background: #fff;
    }
    .v2-popin-message-ie i
    {
        font-size: 4rem;

        margin-right: 2rem; 

        color: #84899f;
    }
    .v2-popin-message-ie span
    {
        text-align: center; 

        color: #1b1d27;
    }
    .v2-popin-message-ie p
    {
        text-align: center; 

        color: #1b1d27;
    }
}

/* ==========================================================================
   # Glossary Definitions
   ========================================================================== */
.c-list-definitions--header--search
{
    padding: 3rem 0 4rem;
}
@media (min-width: 64em)
{
    .c-list-definitions--header--search
    {
        padding: 5rem 0 8rem;
    }
}

.c-list-definitions--header--letters
{
    display: flex;
    flex-direction: row;

    padding: 2rem;

    flex-wrap: wrap;
    justify-content: center;
}
@media (min-width: 64em)
{
    .c-list-definitions--header--letters
    {
        padding: 2rem 5rem 12rem;
    }
}

.c-list-definitions--header--letter-button
{
    font-size: 3.2rem;
    line-height: 35px;

    display: flex;
    flex-direction: row;

    width: 48px;
    height: 48px;
    margin-right: 1rem;
    margin-bottom: 1rem;
    padding: .5rem 1rem;

    text-decoration: none;

    color: #fff;
    border: none; 
    border-radius: 8px;
    background: linear-gradient(45deg, #073a7c 0%, #1767ad 60%, #255b8e 100%);
    background-color: #112753;

    justify-content: center;
}
@media (min-width: 64em)
{
    .c-list-definitions--header--letter-button
    {
        line-height: 38px; 

        width: 52px;
        height: 52px;
    }
}
.c-list-definitions--header--letter-button:hover
{
    color: #fff;
    background: #112753;
}
.c-list-definitions--header--letter-button.space
{
    margin-right: 2.938rem;
}
.c-list-definitions--header--letter-button.disabled
{
    pointer-events: none; 

    color: #fff;
    background: #bcbfcf;
}
.c-list-definitions--header--letter-button.disabled:hover
{
    color: #bcbfcf;
}

.c-list-definitions--header--title
{
    padding-top: 12rem;
    padding-bottom: 0;
}
@media (min-width: 64em)
{
    .c-list-definitions--header--title
    {
        padding-top: 21rem;
        padding-bottom: 0;
    }
}
.c-list-definitions--header--title .c-structured-search-product__title
{
    padding-bottom: 3rem;

    text-align: center;
}
@media (max-width: 63.99em)
{
    .c-list-definitions--header--title .c-structured-search-product__title
    {
        font-size: 3.4rem;
    }
}

.c-list-definitions--list
{
    padding-bottom: 4rem; 

    -moz-columns: 1;
         columns: 1;
}
@media (min-width: 48em)
{
    .c-list-definitions--list
    {
        -moz-columns: 2;
             columns: 2;
        gap: 40px;
    }
}
@media (min-width: 64em)
{
    .c-list-definitions--list
    {
        -moz-columns: 3;
             columns: 3;
        gap: 80px;
    }
}
@media (min-width: 87.5em)
{
    .c-list-definitions--list
    {
        gap: 140px;
    }
}

.c-list-definitions--letter-group
{
    display: none;

    width: 100%;
    margin-bottom: 6.75rem;
}
.c-list-definitions--letter-group.visible
{
    display: inline-block;
}

.c-list-definitions--letter-title
{
    font-weight: 600;

    margin-bottom: 2.5rem;
    padding-bottom: 1.125rem;

    color: #1b1d27;
    border-bottom: 1px solid #525668;
}

.c-list-definitions--letter-link a
{
    color: #525668;
}
.c-list-definitions--letter-link a:hover,
.c-list-definitions--letter-link a:focus
{
    text-decoration: underline;
}

.c-list-definitions--no-results
{
    display: none;
}

/* ==========================================================================
   #Structured CTA
   ========================================================================== */
/*
---
name: Structured CTA
category: 03 - Organisms
---

```hero.html
  <div class="c-structured-cta c-layer">

    <div class="c-layer c-layer--no-v-padding">

      <p class="c-structured-cta__title">Lorem ipsum dolor sit amet, consectetur adispiscing elit.</p>

      <div class="c-structured-cta__blocks-container">

        <div class="c-info-cta">

          <img src="https://via.placeholder.com/1200x900" alt="picto" class="c-info-cta__picto"/>

          <p class="c-info-cta__description">Sed efficitur dignissim sapien</p>

          <a class="c-btn c-btn--text-button" href="#">See more</a>

        </div>

        <div class="c-info-cta">

          <img src="https://via.placeholder.com/1200x900" alt="picto" class="c-info-cta__picto"/>

          <p class="c-info-cta__description">Duis viverra sapien arcu</p>

          <a class="c-btn c-btn--text-button" href="#">See more</a>

        </div>

        <div class="c-info-cta">

          <img src="https://via.placeholder.com/1200x900" alt="picto" class="c-info-cta__picto"/>

          <p class="c-info-cta__description">Fusce rutrum eleifend leo</p>

          <a class="c-btn c-btn--text-button" href="#">See more</a>

        </div>

      </div>

    </div>

  </div>
```
*/
.c-structured-cta
{
    padding-bottom: 6rem;
}
@media (max-width: 63.99em)
{
    .c-structured-cta
    {
        padding-top: 2rem;
        padding-bottom: 4rem;
    }
}
.c-structured-cta__title
{
    margin-bottom: 8rem;
}
@media (max-width: 63.99em)
{
    .c-structured-cta__title
    {
        font-size: 2.4rem;

        margin-bottom: 4rem;

        text-align: center;
    }
}
.c-structured-cta__blocks-container
{
    display: flex;
}
@media (max-width: 63.99em)
{
    .c-structured-cta__blocks-container
    {
        flex-direction: column;

        padding: 0;
    }
}
.c-structured-cta__blocks-container > *
{
    flex: 1;
}
@media (max-width: 63.99em)
{
    .c-structured-cta__blocks-container > *
    {
        flex: auto;
    }
}
@media (max-width: 63.99em)
{
    .c-structured-cta__blocks-container > *:not(:last-child)
    {
        margin-bottom: 5rem;
    }
}

/* ==========================================================================
   # Structured search product
   ========================================================================== */
/*
---
name: Structured search product
category: 03 - Organisms
---

Normal
```structured-search-product.html
<div class="c-structured-search-product c-layer ">
  <h2 class="c-structured-search-product__title">Product, services and support from Safran</h2>
  <div class="o-grid c-structured-search-product__search">
    <div class=" u-1/1@table">
      <label>Type</label>
      <select class="js-custom-select u-hidden-visually" multiple="">
        <option>All types</option>
        <option>Type 1</option>
        <option>Type 2</option>
      </select>
      <div class="c-custom-select">
        <div class="c-custom-select__title"></div>
        <ul class="c-custom-select__list">
          <li class="c-custom-select__item">All types</li>
          <li class="c-custom-select__item">Type 1</li>
          <li class="c-custom-select__item">Type 2</li>
        </ul>
      </div>
    </div>
    <div class="u-2/4 u-1/1@tablet">
      <div class="c-searchbar">

        <label class="c-input">
          <input type="text" class="c-input__input">
          <span class="c-input__label">Search</span>
        </label>

        <button class="c-btn c-btn--primary c-btn--search "></button>

      </div>
    </div>
  </div>
  <div class="o-grid c-structured-search-product__filter">
    <div class="u-1/3 u-1/1@tablet">
      <select class="js-custom-select u-hidden-visually" multiple="">
        <option>Entity</option>
        <option>Entity 2</option>
        <option>Entity 3</option>
      </select>
      <div class="c-custom-select">
        <div class="c-custom-select__title"></div>
        <ul class="c-custom-select__list">
          <li class="c-custom-select__item">Entity</li>
          <li class="c-custom-select__item">Entity 2</li>
          <li class="c-custom-select__item">Entity 3</li>
        </ul>
      </div>
    </div>
    <div class="u-1/3 u-1/1@tablet">
      <label>Program</label>
      <select class="js-custom-select u-hidden-visually" multiple="">
        <option></option>
        <option>Program 1</option>
        <option>Program 2</option>
      </select>
      <div class="c-custom-select">
        <div class="c-custom-select__title"></div>
        <ul class="c-custom-select__list">
          <li class="c-custom-select__item"></li>
          <li class="c-custom-select__item">Program 1</li>
          <li class="c-custom-select__item">Program 2</li>
        </ul>
      </div>
    </div>
    <div class="u-1/3 u-1/1@tablet">
      <label>Category</label>
      <select class="js-custom-select u-hidden-visually" multiple="">
        <option>All Category</option>
        <option>Category 1</option>
        <option>Category 2</option>
        <option>Category 3</option>
      </select>
      <div class="c-custom-select">
        <div class="c-custom-select__title"></div>
        <ul class="c-custom-select__list">
          <li class="c-custom-select__item">All Category</li>
          <li class="c-custom-select__item">Category 1</li>
          <li class="c-custom-select__item">Category 2</li>
          <li class="c-custom-select__item">Category 3</li>
        </ul>
      </div>
    </div>
  </div>
  <div class="c-structured-search-product__link-container">
    <div>
      <a href="#" class="c-structured-search-product__link">Landing</a>
      <a href="#" class="c-structured-search-product__link">Lakota</a>
      <a href="#" class="c-structured-search-product__link">Lorem</a>
    </div>
    <div>
      <a href="#" class="c-btn c-btn--simple">Reset filters</a>
      <a class="c-btn c-btn--primary c-btn--icon  c-btn--icon-search" href="#">
        Search
      </a>
    </div>
  </div>
</div>
```

*/
.c-structured-search-product
{
    padding-top: 21rem;
    padding-bottom: .3rem;
}
@media (max-width: 63.99em)
{
    .c-structured-search-product
    {
        display: none;

        padding-top: 12rem;
        padding-bottom: 2rem;
    }
}
.c-structured-search-product__search
{
    padding-top: 6rem;
    padding-bottom: 4rem;
}
@media (max-width: 63.99em)
{
    .c-structured-search-product__search
    {
        padding-top: 3rem;
        padding-bottom: 0;
    }
}
.c-structured-search-product__search .c-custom-select
{
    min-width: 14rem;
    max-height: 5.2rem;

    background: #fff;
}
@media (max-width: 63.99em)
{
    .c-structured-search-product__search .c-custom-select
    {
        margin-bottom: 2rem;
    }
}
.c-structured-search-product__search .c-input__input
{
    min-height: 5.2rem;
}
.c-structured-search-product__search .c-btn--search
{
    min-height: 5.2rem;

    border-left: none;
}
.c-structured-search-product__search.o-grid
{
    align-items: flex-end;
}
@media (max-width: 63.99em)
{
    .c-structured-search-product__search.o-grid
    {
        padding-left: 0;
    }
}
.c-structured-search-product__search.o-grid > *
{
    padding: 0;
}
@media (max-width: 63.99em)
{
    .c-structured-search-product__search.o-grid > *
    {
        width: 100%;
        padding: 0 1rem;
    }
}
.c-structured-search-product__searchbar-filter-wrapper .c-btn.c-btn--primary.c-btn--filter
{
    display: none;
}
@media (max-width: 63.99em)
{
    .c-structured-search-product__searchbar-filter-wrapper
    {
        display: flex;
    }
    .c-structured-search-product__searchbar-filter-wrapper .c-structured-search-product__searchbar-wrapper
    {
        padding-right: .5rem; 

        flex: 1;
    }
    .c-structured-search-product__searchbar-filter-wrapper .c-btn.c-btn--primary.c-btn--filter
    {
        display: inline-block;
    }
}
.c-structured-search-product__filter
{
    margin-top: 2rem;
}
.c-structured-search-product__filter .c-custom-select
{
    background: #fff;
}
.c-structured-search-product__filter.o-grid
{
    padding-left: 4rem; 

    align-items: flex-end;
}
@media (max-width: 63.99em)
{
    .c-structured-search-product__filter.o-grid
    {
        padding-left: 0;
    }
}
.c-structured-search-product__filter.o-grid > *
{
    padding: 0 4rem 0 0;
}
.c-structured-search-product__filter.o-grid > *:last-child
{
    padding-right: 0;
}
@media (max-width: 63.99em)
{
    .c-structured-search-product__filter.o-grid > *:last-child
    {
        padding-right: 2rem;
    }
}
@media (max-width: 63.99em)
{
    .c-structured-search-product__filter.o-grid > *
    {
        padding: 0 2rem;
    }
}
.c-structured-search-product--dark .c-structured-search-product__title
{
    color: #fff;
}
.c-structured-search-product__title
{
    margin: 0;
}
@media (max-width: 63.99em)
{
    .c-structured-search-product__title
    {
        font-size: 2.4rem;
    }
}
.c-structured-search-product__link
{
    font-size: 1.4rem; 

    position: relative;

    margin-right: 3rem;

    color: #1b1d27;
}
.c-structured-search-product__link::before
{
    font-family: 'icomoon' !important;
    font-size: 1.2rem; 

    margin-right: .5rem;

    content: '';
}
.c-structured-search-product__link-container
{
    display: flex;

    margin-top: 7rem; 
    padding-left: 2rem;

    align-items: center;
    justify-content: space-between;
}
@media (max-width: 63.99em)
{
    .c-structured-search-product__link-container
    {
        margin-top: 4rem;

        text-align: center;
    }
}
.c-structured-search-product .c-btn
{
    display: inline-flex;
}
.c-structured-search-product__form-filters
{
    padding-top: 3rem;

    border-top: .5rem solid #fff;
}
@media (max-width: 63.99em)
{
    .c-structured-search-product__form-filters
    {
        display: none;
    }
}
.c-structured-search-product__form-filters__main-nav-container
{
    display: flex;
    flex-direction: column;
}
@media (min-width: 61.25em)
{
    .c-structured-search-product__form-filters__main-nav-container
    {
        flex-direction: row;

        flex-wrap: wrap;
    }
}
.c-structured-search-product__form-filters__main-nav-container .range-slider-tab
{
    padding: 0 8rem;
}
.c-structured-search-product__form-filters__main-nav-container .js-form-type-range
{
    order: 6;
}
.c-structured-search-product__form-filters__select-containers
{
    display: flex;
    flex-direction: column; 

    margin: 0 -1.5rem;

    flex-wrap: wrap;
    justify-content: flex-start;
    flex: 1;
}
@media (min-width: 46.25em)
{
    .c-structured-search-product__form-filters__select-containers
    {
        flex-direction: row;
    }
}
.c-structured-search-product__form-filters__select-container
{
    position: relative;

    width: 100%;
    min-width: 19.5rem; 
    padding: 0 1.5rem;

    flex: 1;
}
@media (min-width: 64em)
{
    .c-structured-search-product__form-filters__select-container
    {
        max-width: 400px;
    }
    .job-offers-search-heading .c-structured-search-product__form-filters__select-container
    {
        max-width: 50%;
        margin-bottom: 4rem; 

        flex-basis: 50%;
    }
}
.c-structured-search-product__form-filters__buttons-container
{
    padding: 0 0 0 4rem;
}
.c-structured-search-product__form-filters__buttons-container .c-btn--reset
{
    padding: 1rem 4rem;
}
.c-structured-search-product__form-filters__buttons-container .c-btn + .c-btn
{
    margin-left: 2rem;
}
.c-structured-search-product__form-filters__label
{
    font-size: 1.6rem;
    line-height: 1.25; 

    margin: 0;
    margin-bottom: 2.4rem;

    letter-spacing: .06rem;

    color: #525668;
}
.c-structured-search-product__form-filters__select-label
{
    font-size: 1.1rem;
    line-height: 1.2; 

    position: absolute;
    top: -2.7rem;
    left: 1.6rem;

    color: #525668;
}
.c-structured-search-product__form-filters__current-filters-reset-container
{
    display: flex;

    padding-top: 5.2rem;
    padding-bottom: 4rem;
}
.c-structured-search-product__form-filters__reset-container
{
    padding-top: 1rem; 

    text-align: right;

    flex: 1;
}
.c-structured-search-product__form-filters__reset-container .c-btn--reset
{
    padding: 0;
}
.c-structured-search-product__form-filters__current-filter
{
    font-size: 1.4rem;
    line-height: 1.21; 

    padding: .8rem .8rem .8rem 0;

    color: #3b3e4d;
}
.c-structured-search-product__form-filters__current-filter--content
{
    margin-left: 1.5rem;
    padding: .8rem;

    color: #fff; 
    border-radius: .4rem;
    background-color: #255b8e;
}
.c-structured-search-product__form-filters__current-filter + .c-structured-search-product__form-filters__current-filter
{
    margin-left: 1.5rem;
}
.c-structured-search-product__form-filters__remove-icon
{
    width: 1.4rem;
    height: auto;
    margin-left: .7rem;
}

.c-structured-search-product.c-structured-search-product--no-padding,
.c-structured-search-product-responsive.c-structured-search-product--no-padding
{
    padding-top: 0;
}

.c-list-product-title
{
    padding-top: 12rem;
    padding-bottom: 0;
}
@media (min-width: 64em)
{
    .c-list-product-title
    {
        padding-top: 21rem;
        padding-bottom: 0;
    }
}

/* ==========================================================================
   # Structured list product
   ========================================================================== */
/*
---
name: Structured list product
category: 03 - Organisms
---

Normal
```structured-list-product.html
<div class="c-structured-list-product c-layer ">
  <div class="o-grid o-grid--space-between">
    <span class="c-structured-list-product__text">36 produits</span>
    <div class="o-grid">
      <button class="c-structured-list-product__text js-toggle-view">Toggle grid mode</button>
      <button class="c-structured-list-product__text c-structured-list-product__text--arrow">Revelance</button>
    </div>
  </div>
  <div class="c-structured-list-product__item o-grid">

    <div class="c-product-card-item">
      <div class="c-product-card-item__category c-caption c-caption__small">Product</div>
      <div class="c-product-card-item__title c-introduction c-introduction--small">Système de cockpit VFX2100</div>
      <div class="c-product-card-item__image" style="background-image: url('../assets/images/product-01.png')"></div>
      <a class="c-product-card-item__link" href="#">Turbines pour hélicoptères et groupes auxiliaires de puissance</a>
      <div class="c-product-card-item--big">
        <div>
          <div class="c-product-card-item--big__image" style="background-image: url('../assets/images/product-01.png')"></div>
        </div>
        <div class="c-product-card-item--big__content">
          <div class="c-product-card-item--big__category c-caption c-caption__small">Product</div>
          <div class="c-product-card-item--big__title c-introduction">Système de cockpit VFX2100</div>
          <a class="c-product-card-item--big__link" href="#">
            <img src="../assets/images/worldwide.svg" alt="picto">
            Turbines pour hélicoptères et groupes auxiliaires de puissance
          </a>
          <p>DESCRIPTION dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor.</p>
        </div>

      </div>
    </div>

    <div class="c-product-card-item">
      <div class="c-product-card-item__category c-caption c-caption__small">Product</div>
      <div class="c-product-card-item__title c-introduction c-introduction--small">Commande de vol Trianum</div>
      <div class="c-product-card-item__image" style="background-image: url('../assets/images/product-02.png')"></div>
      <a class="c-product-card-item__link" href="#">Navigation aéronautique et spatiale et capteurs</a>
      <div class="c-product-card-item--big">
        <div>
          <div class="c-product-card-item--big__image" style="background-image: url('../assets/images/product-02.png')"></div>
        </div>
        <div class="c-product-card-item--big__content">
          <div class="c-product-card-item--big__category c-caption c-caption__small">Product</div>
          <div class="c-product-card-item--big__title c-introduction">Commande de vol Trianum</div>
          <a class="c-product-card-item--big__link" href="#">
            <img src="../assets/images/worldwide.svg" alt="picto">
            Navigation aéronautique et spatiale et capteurs
          </a>
          <p>DESCRIPTION dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor.</p>
        </div>

      </div>
    </div>

    <div class="c-product-card-item">
      <div class="c-product-card-item__category c-caption c-caption__small">Product</div>
      <div class="c-product-card-item__title c-introduction c-introduction--small">Senseurs XYZ</div>
      <div class="c-product-card-item__image" style="background-image: url('../assets/images/product-03.png')"></div>
      <a class="c-product-card-item__link" href="#">Navigation aéronautique et spatiale et capteurs</a>
      <div class="c-product-card-item--big">
        <div>
          <div class="c-product-card-item--big__image" style="background-image: url('../assets/images/product-03.png')"></div>
        </div>
        <div class="c-product-card-item--big__content">
          <div class="c-product-card-item--big__category c-caption c-caption__small">Product</div>
          <div class="c-product-card-item--big__title c-introduction">Senseurs XYZ</div>
          <a class="c-product-card-item--big__link" href="#">
            <img src="../assets/images/worldwide.svg" alt="picto">
            Navigation aéronautique et spatiale et capteurs
          </a>
          <p>DESCRIPTION dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor.</p>
        </div>

      </div>
    </div>

    <div class="c-product-card-item">
      <div class="c-product-card-item__category c-caption c-caption__small">Product</div>
      <div class="c-product-card-item__title c-introduction c-introduction--small">Commande de pilotage XYZ</div>
      <div class="c-product-card-item__image" style="background-image: url('../assets/images/product-01.png')"></div>
      <a class="c-product-card-item__link" href="#">Navigation aéronautique et spatiale et capteurs</a>
      <div class="c-product-card-item--big">
        <div>
          <div class="c-product-card-item--big__image" style="background-image: url('../assets/images/product-01.png')"></div>
        </div>
        <div class="c-product-card-item--big__content">
          <div class="c-product-card-item--big__category c-caption c-caption__small">Product</div>
          <div class="c-product-card-item--big__title c-introduction">Commande de pilotage XYZ</div>
          <a class="c-product-card-item--big__link" href="#">
            <img src="../assets/images/worldwide.svg" alt="picto">
            Navigation aéronautique et spatiale et capteurs
          </a>
          <p>DESCRIPTION dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor.</p>
        </div>

      </div>
    </div>

    <div class="c-product-card-item">
      <div class="c-product-card-item__category c-caption c-caption__small">Product</div>
      <div class="c-product-card-item__title c-introduction c-introduction--small">Système de cockpit VFX2100</div>
      <div class="c-product-card-item__image" style="background-image: url('../assets/images/product-02.png')"></div>
      <a class="c-product-card-item__link" href="#">Turbines pour hélicoptères et groupes auxiliaires de puissance</a>
      <div class="c-product-card-item--big">
        <div>
          <div class="c-product-card-item--big__image" style="background-image: url('../assets/images/product-02.png')"></div>
        </div>
        <div class="c-product-card-item--big__content">
          <div class="c-product-card-item--big__category c-caption c-caption__small">Product</div>
          <div class="c-product-card-item--big__title c-introduction">Système de cockpit VFX2100</div>
          <a class="c-product-card-item--big__link" href="#">
            <img src="../assets/images/worldwide.svg" alt="picto">
            Turbines pour hélicoptères et groupes auxiliaires de puissance
          </a>
          <p>DESCRIPTION dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor.</p>
        </div>

      </div>
    </div>

    <div class="c-product-card-item">
      <div class="c-product-card-item__category c-caption c-caption__small">Product</div>
      <div class="c-product-card-item__title c-introduction c-introduction--small">Système de cockpit VFX2100</div>
      <div class="c-product-card-item__image" style="background-image: url('../assets/images/product-03.png')"></div>
      <a class="c-product-card-item__link" href="#">Turbines pour hélicoptères et groupes auxiliaires de puissance</a>
      <div class="c-product-card-item--big">
        <div>
          <div class="c-product-card-item--big__image" style="background-image: url('../assets/images/product-03.png')"></div>
        </div>
        <div class="c-product-card-item--big__content">
          <div class="c-product-card-item--big__category c-caption c-caption__small">Product</div>
          <div class="c-product-card-item--big__title c-introduction">Système de cockpit VFX2100</div>
          <a class="c-product-card-item--big__link" href="#">
            <img src="../assets/images/worldwide.svg" alt="picto">
            Turbines pour hélicoptères et groupes auxiliaires de puissance
          </a>
          <p>DESCRIPTION dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor.</p>
        </div>

      </div>
    </div>

    <div class="c-product-card-item">
      <div class="c-product-card-item__category c-caption c-caption__small">Product</div>
      <div class="c-product-card-item__title c-introduction c-introduction--small">Système de cockpit VFX2100</div>
      <div class="c-product-card-item__image" style="background-image: url('../assets/images/product-01.png')"></div>
      <a class="c-product-card-item__link" href="#">Turbines pour hélicoptères et groupes auxiliaires de puissance</a>
      <div class="c-product-card-item--big">
        <div>
          <div class="c-product-card-item--big__image" style="background-image: url('../assets/images/product-01.png')"></div>
        </div>
        <div class="c-product-card-item--big__content">
          <div class="c-product-card-item--big__category c-caption c-caption__small">Product</div>
          <div class="c-product-card-item--big__title c-introduction">Système de cockpit VFX2100</div>
          <a class="c-product-card-item--big__link" href="#">
            <img src="../assets/images/worldwide.svg" alt="picto">
            Turbines pour hélicoptères et groupes auxiliaires de puissance
          </a>
          <p>DESCRIPTION dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor.</p>
        </div>

      </div>
    </div>
  </div>
  <div class="o-grid o-grid--center">

    <div class="pagination">
      <div class="pagination__pages">
        <button class="pagination__page ">
          1
        </button>
        <button class="pagination__page ">
          2
        </button>
        <button class="pagination__page pagination__page--active">
          3
        </button>
        <button class="pagination__page ">
          4
        </button>
        <button class="pagination__page ">
          5
        </button>
        <button class="pagination__page ">
          6
        </button>
      </div>
    </div>
    <a href="#" class="c-btn c-btn--simple">See All</a>
  </div>
</div>
```

*/
body.product-finder-page .c-structured-list-product__item
{
    padding: 0 2.5rem;
}
@media (max-width: 29.99em)
{
    body.product-finder-page .c-structured-list-product__item
    {
        padding: 0;
    }
}
@media (max-width: 30em)
{
    body.product-finder-page .c-structured-list-product__item .c-product-card-item__image
    {
        width: 100%; 
        height: auto;
    }
}
@media (max-width: 25em)
{
    body.product-finder-page .c-structured-list-product__item .c-product-card-item__image
    {
        width: 100%; 
        height: auto;
    }
}
@media (max-width: 21.25em)
{
    body.product-finder-page .c-structured-list-product__item .c-product-card-item__image
    {
        width: 100%; 
        height: auto;
    }
}
@media (max-width: 47.99em)
{
    body.product-finder-page .c-structured-list-product__item:not(.c-product-card__large)
    {
        padding: 0;
    }
}
body.product-finder-page .c-structured-list-product__item:not(.c-product-card__large) .c-product-card-item
{
    width: calc(25% - 2rem);
}
@media (max-width: 79.99em)
{
    body.product-finder-page .c-structured-list-product__item:not(.c-product-card__large) .c-product-card-item
    {
        width: calc(33.33% - 2rem);
    }
}
@media (max-width: 63.99em)
{
    body.product-finder-page .c-structured-list-product__item:not(.c-product-card__large) .c-product-card-item
    {
        width: calc(50% - 2rem);
    }
}
@media (max-width: 47.99em)
{
    body.product-finder-page .c-structured-list-product__item:not(.c-product-card__large) .c-product-card-item
    {
        width: 100%;
    }
}

.c-structured-list-product
{
    padding-bottom: 0rem;
}
@media (max-width: 63.99em)
{
    .c-structured-list-product
    {
        padding-top: 2rem;
        padding-bottom: 4rem;
    }
}
.c-structured-list-product__buttons-wrapper
{
    display: flex;

    padding: 0 2.5rem;

    justify-content: space-between;
    flex-wrap: wrap;
}
.c-structured-list-product__buttons-wrapper .c-structured-list-product__text
{
    margin-right: .8rem; 
    margin-bottom: 1rem;
}
.c-structured-list-product__buttons-wrapper > .o-grid
{
    flex-direction: row; 

    align-items: center;
    justify-content: flex-end;
}
@media (max-width: 63.99em)
{
    .c-structured-list-product__buttons-wrapper
    {
        padding: 0;

        align-items: center;
    }
}
.c-structured-list-product--dark .c-structured-list-product__text
{
    color: #fff;
}
.c-structured-list-product--no-result
{
    display: flex;
    flex-direction: column;

    width: 100%; 
    padding: 8rem 2rem 4rem 2rem;

    text-align: center;

    align-items: center;
    justify-content: center;
}
@media (min-width: 87.5em)
{
    .c-structured-list-product--no-result
    {
        padding: 12rem 6rem;
    }
}
@media (min-width: 64em)
{
    .c-structured-list-product--no-result
    {
        padding: 12rem 6rem 8rem 6rem;
    }
}
.c-structured-list-product--no-result__icon
{
    width: 4.5rem;
    height: auto;
}
@media (min-width: 48em)
{
    .c-structured-list-product--no-result__icon
    {
        width: 6rem;
    }
}
.c-structured-list-product--no-result__text
{
    font-size: 1.6rem;
}
@media (min-width: 64em)
{
    .c-structured-list-product--no-result__text
    {
        font-size: 2.8rem;
        line-height: 3.6rem; 

        display: block;
    }
}
@media (min-width: 48em)
{
    .c-structured-list-product--no-result__text
    {
        font-size: 2rem;
    }
}
.c-structured-list-product .c-product-card__large
{
    max-width: none;
}
@media (max-width: 63.99em)
{
    .c-structured-list-product .c-product-card__large
    {
        margin-right: -2rem;
    }
}
.c-structured-list-product .c-product-card__large .c-product-card-item
{
    margin: 0;
}
.c-structured-list-product .c-product-card__large .c-product-card-item:hover
{
    background-color: #f9fafc;
}
@media (max-width: 63.99em)
{
    .c-structured-list-product .c-product-card__large .c-product-card-item
    {
        margin: 2rem 2rem 2rem 0;
    }
}
.c-structured-list-product .c-product-card-item
{
    margin: 2rem 1rem;
}
@media (max-width: 63.99em)
{
    .c-structured-list-product .c-product-card-item
    {
        margin: 2rem 2rem 2rem 0;
    }
}
.c-structured-list-product__item
{
    max-width: 1289px;
    margin: auto; 
    padding: 0 3.5rem;
}
@media (max-width: 29.99em)
{
    .c-structured-list-product__item .c-product-card-item
    {
        max-width: none;
    }
}
.c-structured-list-product__item::after
{
    position: absolute;
    top: 14rem;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    content: '';
    transition: opacity .1s ease-in-out;
    pointer-events: none; 

    opacity: 0;
    background-color: #fff;
}
@media (max-width: 63.99em)
{
    .c-structured-list-product__item
    {
        padding: 0;
        padding-bottom: 0rem; 

        justify-content: center;
    }
    .c-structured-list-product__item .c-product-card-item
    {
        width: 100%;
        min-height: 0; 
        margin: 0;
        margin-top: 2.5rem;
    }
}
.c-structured-list-product__item--transition-active::after
{
    transition: opacity .3s ease-in-out; 

    opacity: 1;
}
.c-structured-list-product__text
{
    font-size: 1.8rem; 

    display: flex;

    color: #525668;
    border: none;
    background: none;
}
.c-structured-list-product__text strong
{
    font-weight: normal;

    margin-right: .4rem; 

    color: #255b8e;
}
@media (max-width: 63.99em)
{
    .c-structured-list-product__text
    {
        font-size: 1.4rem;

        letter-spacing: .053rem;
    }
}
.c-structured-list-product__text--arrow::after
{
    font-family: 'icomoon' !important;
    font-size: 1.1rem;

    margin: .5rem 0 0 .5rem;

    content: '';
    transform: rotate(90deg); 

    color: #525668;
}
.c-structured-list-product__filter-button
{
    line-height: 1.15; 

    padding: 1.2rem;

    border: .1rem solid #e7eaf2;
    border-radius: .4rem;
    background-color: #fff;
}
@media (max-width: 63.99em)
{
    .c-structured-list-product__filter-button
    {
        display: none;
    }
}
.c-structured-list-product__filter-button--grid
{
    border-top-right-radius: 0; 
    border-bottom-right-radius: 0;
}
.c-structured-list-product__filter-button--list
{
    border-left: none;
    border-top-left-radius: 0; 
    border-bottom-left-radius: 0;
}
.c-structured-list-product__filter-button--disable
{
    cursor: default;
    pointer-events: none;

    opacity: .5;
}
.c-structured-list-product__filter-button img
{
    width: 2rem;
}
.c-structured-list-product__filter-button--active
{
    border-color: transparent; 
    background-color: #eff8ff;
}
.c-structured-list-product__filter-button--active .c-structured-list-product__filter-button-img--active
{
    display: inline;
}
.c-structured-list-product__filter-button--active .c-structured-list-product__filter-button-img--inactive
{
    display: none;
}
.c-structured-list-product__filter-button-img
{
    width: 1.8rem;
    height: 1.8rem;
}
.c-structured-list-product__filter-button-img--active
{
    display: none;
}
.c-structured-list-product__filter-button-img--inactive
{
    display: inline;
}
.c-structured-list-product__sorting-button
{
    font-size: 1.6rem;
    line-height: 1.25;

    padding: 1.2rem;

    letter-spacing: .06rem;

    color: #3b3e4d; 
    border: .1rem solid #e7eaf2;
    border-radius: .4rem;
    background-color: #fff;
}
.c-structured-list-product__sorting-button:first-child
{
    margin-left: 4rem;

    border-right: none;
    border-top-right-radius: 0; 
    border-bottom-right-radius: 0;
}
.c-structured-list-product__sorting-button:last-child
{
    border-top-left-radius: 0; 
    border-bottom-left-radius: 0;
}
.c-structured-list-product__sorting-button--active
{
    color: #255b8e;
    border-color: transparent; 
    background-color: #eff8ff;
}
.c-structured-list-product__sorting-button--disable
{
    cursor: default;
    pointer-events: none;

    opacity: .5;
}
@media (max-width: 63.99em)
{
    .c-structured-list-product__sorting-button
    {
        font-size: 1.4rem;

        padding: .9rem 2.2rem;

        letter-spacing: .05rem;
    }
}
@media (max-width: 63.99em) and (max-width: 23.125em)
{
    .c-structured-list-product__sorting-button
    {
        padding: .9rem;
    }
}
@media (max-width: 63.99em)
{
    .c-structured-list-product__sorting-button:first-child
    {
        margin-left: 0;
    }
}
.c-structured-list-product__pagination-wrapper
{
    margin-bottom: 4rem;
}
@media (min-width: 64em)
{
    .c-structured-list-product__pagination-wrapper
    {
        padding: 2rem 0;
    }
    .c-structured-list-product__pagination-wrapper .c-btn
    {
        padding: 0;
    }
}
@media (max-width: 63.99em)
{
    .c-structured-list-product__pagination-wrapper
    {
        margin-bottom: 1.6rem;
    }
    .c-structured-list-product__pagination-wrapper .c-btn
    {
        padding-left: 4rem;
    }
}
@media (max-width: 63.99em)
{
    .c-structured-list-product .c-btn.c-btn--link-simple
    {
        font-size: 1.6rem;
    }
}

/* ==========================================================================
   # Structured search
   ========================================================================== */
/*
---
name: Structured search
category: 03 - Organisms
---

Normal
```structured-search.html
<div class="c-structured-search c-layer  c-structured-search--dark ">
  <p class="c-structured-search__pretitle">Documentations</p>
  <h2 class="c-structured-search__title">Browse toward our 6 international and 18 national certifications</h2>
  <div class="o-grid">
    <div class="u-2/3 u-1/1@tablet">
      <div class="c-searchbar">

        <label class="c-input c-input--dark">
          <input type="text" class="c-input__input">
          <span class="c-input__label">Search</span>
        </label>

        <button class="c-btn c-btn--primary c-btn--search  c-btn--search--dark "></button>

      </div>
    </div>
  </div>
  <div class="c-structured-search__link-container">
    <a class="c-btn c-btn--arrow-btn  c-btn--arrow-btn--dark " href="#">
      See all certifications
    </a>
  </div>
</div>
```

*/
.c-structured-search--wrapper
{
    padding: 3rem;

    border-top: 1px solid grey;
    border-top: 1px solid rgba(0, 0, 0, .05); 
    box-shadow: 0 4px 7px 0 rgba(0, 0, 0, .05);
}
.c-structured-search--wrapper .c-structured-search-product__form-filters__select-containers .select2-container
{
    width: 200px;
}

@media (min-width: 48em)
{
    .c-structured-tab-filters__items
    {
        position: relative;
        z-index: 11 !important;
    }
}

.c-structured-search-company__form-filters__current-filters-container
{
    position: relative;
    z-index: 11;

    max-width: calc(100% - 450px);
    min-height: 110px; 
    padding-top: 2rem;
}
.list_documents_et_portals .c-structured-search-company__form-filters__current-filters-container
{
    min-height: 120px;
}
.c-structured-search-tabs--dark .c-structured-search-company__form-filters__current-filters-container
{
    min-height: 102px;
}

.c-structured-search
{
    padding-bottom: 3rem;
}
@media (max-width: 63.99em)
{
    .c-structured-search
    {
        padding-bottom: 2rem;
    }
}
@media (max-width: 47.99em)
{
    .c-structured-search
    {
        padding-bottom: 0;
    }
}
.c-structured-search .selected-date-wrapper
{
    padding-bottom: 3rem;
}
.c-structured-search.job-filter-form
{
    padding-bottom: 0;
}
.c-structured-search .form-actions-wrapper
{
    position: absolute;
    z-index: 5; 
    right: 0;

    display: flex;
    flex-direction: row-reverse;

    width: 100%;
    margin-top: -6px;
    padding: 4rem 8rem 1rem;
    padding-bottom: 4rem;

    border-top: solid 6px #fff;
    background-color: #f9fafc;

    order: 7;
    justify-content: flex-start;
}
@media (max-width: 63.99em)
{
    .c-structured-search .form-actions-wrapper
    {
        position: fixed;
        z-index: 100; 
        bottom: 60px;

        width: 100%;
        padding: 0 2rem 0 1rem;

        background-color: #fff;

        justify-content: space-between;
    }
    .c-structured-search .form-actions-wrapper .c-structured-tab-filters__form-filters__reset-container
    {
        flex-basis: 20% !important;
    }
}
.c-structured-search-tabs--dark .c-structured-search .form-actions-wrapper
{
    border-top-color: #1b1d27;
}
@media (max-width: 63.99em)
{
    .c-structured-search .c-btn--primary
    {
        min-height: 5.6rem;
        padding: 1.7rem 2rem;
    }
}
@media (max-width: 63.99em)
{
    .c-structured-search .c-btn--arrow-btn
    {
        font-size: 1.2rem;
    }
}
.c-structured-search--dark .c-structured-search__title
{
    color: #fff;
}
@media (max-width: 63.99em)
{
    .c-structured-search--dark .c-searchbar .c-btn
    {
        background: transparent !important;
    }
    .c-structured-search--dark .c-searchbar .c-btn::after
    {
        display: none;
    }
}
.c-structured-search__pretitle
{
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.8;

    margin: 0;
    margin-bottom: 1rem;

    letter-spacing: .6rem;
    text-transform: uppercase; 

    color: #84899f;
}
@media (max-width: 63.99em)
{
    .c-structured-search__pretitle
    {
        font-size: 1.2rem;

        letter-spacing: .4rem;
    }
}
.c-structured-search__title
{
    margin: 0;
}
@media (max-width: 63.99em)
{
    .c-structured-search__title
    {
        font-size: 2.4rem;
    }
}
.c-structured-search .c-searchbar
{
    margin: 0;
    margin-top: 8rem;
    margin-left: 8rem;
}
@media (max-width: 63.99em)
{
    .c-structured-search .c-searchbar
    {
        margin-top: 4rem;
        margin-left: 0;
    }
}
.c-structured-search.global-list .c-searchbar
{
    margin-top: 0;
    margin-left: 0;
}
.c-structured-search__link-container
{
    margin-top: 1.77rem;

    text-align: right;
}
@media (max-width: 63.99em)
{
    .c-structured-search__link-container
    {
        margin-top: 2rem;

        text-align: center;
    }
}
.c-structured-search .c-btn
{
    display: inline-flex;

    align-items: center;
}
.c-structured-search.society-filters-form
{
    display: flex;
    flex-direction: row;

    align-items: center;
}
.c-structured-search.society-filters-form .form-actions-wrapper
{
    position: static;

    padding: 0; 
    padding-top: 0;
    padding-bottom: 0;

    border: none;
}
.c-structured-search.society-filters-form .form-actions-wrapper .c-btn--reset
{
    display: none;
}
.c-structured-search.society-filters-form .c-structured-search
{
    padding-bottom: 2rem;
}
.c-structured-search.society-filters-form .search-form--desktop
{
    flex-basis: 100%;
}

.c-sort-by-select--target
{
    display: none;
}

.c-structured-search-tabs--dark .c-structured-search-company__form-filters__current-filter,
.c-structured-search-tabs--dark .c-structured-search-company__form-filters__label
{
    color: #fff;
}

.c-structured-search-tabs--dark .ui-widget.ui-widget-content
{
    border: none;
}

.c-structured-search-tabs--dark .search-form--desktop,
.c-structured-search-tabs--dark .c-structured-tab-filters__form-filters__current-filters
{
    background-color: #272935;
}

.c-structured-search-tabs--dark .c-custom-select-wrapper .select2-container
{
    font-size: 1.4rem;

    color: #fff;
    border-color: #363843; 
    background-color: #363843;
}

.c-structured-search-tabs--dark .c-custom-select-wrapper .select2-container--open
{
    border-color: #255b8e;
}

.c-structured-search-tabs--dark .select2-container--open
{
    box-shadow: none;
}

.c-custom-select-wrapper .select2-container
{
    font-size: 1.4rem;
}

.c-structured-profiles .c-subtitle
{
    margin-top: 8rem;

    text-align: center;
}

.c-structured-profiles__profiles .c-subtitle
{
    margin-bottom: 2rem;
}

.c-structured-profiles__profiles .c-slider__slider-object-container
{
    width: 80%;
}
@media (max-width: 63.99em)
{
    .c-structured-profiles__profiles .c-slider__slider-object-container
    {
        width: 100%;
    }
}

@media (max-width: 63.99em)
{
    .c-structured-profiles__profiles
    {
        width: 100%;
    }
}

.c-structured-profiles__main-profile-container
{
    display: flex;

    margin: 8rem 0; 

    justify-content: center;
}

.c-structured-profiles__main-profile-container-focus
{
    display: flex;

    margin: 8rem 0; 

    justify-content: space-evenly;
}
@media (max-width: 63.99em)
{
    .c-structured-profiles__main-profile-container-focus
    {
        margin: 0 0 8rem;
    }
}
@media (max-width: 47.99em)
{
    .c-structured-profiles__main-profile-container-focus
    {
        flex-direction: column;
    }
}

.c-structured-profiles__slider-desktop
{
    width: 100%;
}
@media (max-width: 63.99em)
{
    .c-structured-profiles__slider-desktop
    {
        display: none;
    }
}

@media (min-width: 64em)
{
    .c-structured-profiles__slider-responsive
    {
        display: none;
    }
}

.c-structured-profiles__slider-container
{
    min-height: 48rem;

    background-color: #f9fafc;
}

.c-structured-profiles .c-slider
{
    padding-bottom: 0;

    background-color: #f9fafc;
}
.c-structured-profiles .c-slider .c-slider__head .c-subtitle
{
    margin-top: 0;
}

@media (max-width: 63.99em)
{
    .c-structured-profiles__hidden-mobile
    {
        display: none;
    }
}

/* ==========================================================================
   #Structured news
   ========================================================================== */
/*
---
name: Structured news
category: 03 - Organisms
---

Spotlight
```structured-news.html
    <div class="c-structured-news">
      <span class="c-subtitle title">Spotlight news</span>
      <div class="c-showcase-news">
        <div class="c-showcase-news__image">
            <img src="https://via.placeholder.com/1200x900" />
        </div>
        <div class="c-showcase-news__content">
            <div class="infos">
                <div class="c-subtitle c-subtitle--sm c-subtitle--darken">Dossier</div>
                <div class="c-subtitle c-subtitle--sm c-subtitle--primary c-subtitle--tt-up">tag</div>
                <div class="c-subtitle c-subtitle--sm">16.02.2019</div>
            </div>
            <h2>Emmanuel Macron on the Safran Landing Systems carbon brake plant near Lyon</h2>
            <a class="c-btn c-btn--primary" href="#">See more</a>
        </div>
      </div>
    </div>
```

Article (can be press item as well)
```structured-news-articles.html
    <div class="c-structured-news">
      <span class="c-subtitle title">Spotlight news</span>
      <div class="o-grid">
        <div class="u-1/3">
          <div class="c-showcase-news c-showcase-news--small">
            <div class="c-showcase-news__image">
              <img src="https://via.placeholder.com/1200x900" />
            </div>
            <div class="c-showcase-news__content">
                <div class="infos">
                    <div class="c-subtitle c-subtitle--sm c-subtitle--darken">Dossier</div>
                    <div class="c-subtitle c-subtitle--sm c-subtitle--primary c-subtitle--tt-up">tag</div>
                    <div class="c-subtitle c-subtitle--sm">06.02.2019</div>
                </div>
                <h2>Emmanuel Macron on the Safran Landing Systems carbon brake plant  near Lyon</h2>
            </div>
          </div>
        </div>
        <div class="u-1/3">
          <div class="c-showcase-news c-showcase-news--small">
            <div class="c-showcase-news__image">
              <img src="https://via.placeholder.com/1200x900" />
            </div>
            <div class="c-showcase-news__content">
                <div class="infos">
                    <div class="c-subtitle c-subtitle--sm c-subtitle--darken">Dossier</div>
                    <div class="c-subtitle c-subtitle--sm c-subtitle--primary c-subtitle--tt-up">tag</div>
                    <div class="c-subtitle c-subtitle--sm">06.02.2019</div>
                </div>
                <h2>Emmanuel Macron on the Safran Landing Systems carbon brake plant  near Lyon</h2>
            </div>
          </div>
        </div>
        <div class="u-1/3">
          <div class="c-showcase-news c-showcase-news--small">
            <div class="c-showcase-news__image">
              <img src="https://via.placeholder.com/1200x900" />
            </div>
            <div class="c-showcase-news__content">
                <div class="infos">
                    <div class="c-subtitle c-subtitle--sm c-subtitle--darken">Dossier</div>
                    <div class="c-subtitle c-subtitle--sm c-subtitle--primary c-subtitle--tt-up">tag</div>
                    <div class="c-subtitle c-subtitle--sm">06.02.2019</div>
                </div>
                <h2>Emmanuel Macron on the Safran Landing Systems carbon brake plant  near Lyon</h2>
            </div>
          </div>
        </div>
      </div>
      <div class="c-structured-news__button">
        <a class="c-btn c-btn--arrow-btn" href="#">See all Safran Electronics & Defense news</a>
      </div>
    </div>
```


Article and Press (mixed)
```structured-news-articles-press.html
    <div class="c-structured-news">
      <span class="c-subtitle title">Spotlight news</span>
      <div class="o-grid">
        <div class="u-1/3">
          <div class="c-showcase-news c-showcase-news--small">
            <div class="c-showcase-news__image">
              <img src="https://via.placeholder.com/1200x900" />
            </div>
            <div class="c-showcase-news__content">
                <div class="infos">
                    <div class="c-subtitle c-subtitle--sm c-subtitle--darken">Dossier</div>
                    <div class="c-subtitle c-subtitle--sm c-subtitle--primary c-subtitle--tt-up">tag</div>
                    <div class="c-subtitle c-subtitle--sm">06.02.2019</div>
                </div>
                <h2>Emmanuel Macron on the Safran Landing Systems carbon brake plant  near Lyon</h2>
            </div>
          </div>
        </div>
        <div class="u-1/3">
          <div class="c-showcase-news c-showcase-news--small">
            <div class="c-showcase-news__image">
              <img src="https://via.placeholder.com/1200x900" />
            </div>
            <div class="c-showcase-news__content">
                <div class="infos">
                    <div class="c-subtitle c-subtitle--sm c-subtitle--darken">Dossier</div>
                    <div class="c-subtitle c-subtitle--sm c-subtitle--primary c-subtitle--tt-up">tag</div>
                    <div class="c-subtitle c-subtitle--sm">06.02.2019</div>
                </div>
                <h2>Emmanuel Macron on the Safran Landing Systems carbon brake plant  near Lyon</h2>
            </div>
          </div>
        </div>
        <div class="u-1/3">
          <div class="c-showcase-news c-showcase-news--press">
            <div class="c-showcase-news__content">
                <div class="infos">
                    <div class="c-subtitle c-subtitle--sm c-subtitle--darken">Dossier</div>
                    <div class="c-subtitle c-subtitle--sm c-subtitle--primary c-subtitle--tt-up">tag</div>
                    <div class="c-subtitle c-subtitle--sm">06.02.2019</div>
                </div>
                <h2>Emmanuel Macron on the Safran Landing Systems carbon brake plant  near Lyon</h2>
            </div>
          </div>
        </div>
      </div>
      <div class="c-structured-news__button">
        <a class="c-btn c-btn--arrow-btn" href="#">See all Safran Electronics & Defense news</a>
      </div>
    </div>
```


Dark
```structured-news-dark.html
    <div class="c-layer" style="background-color: rgb(7, 14, 29);">
      <div class="c-structured-news c-structured-news--dark">
        <span class="c-subtitle c-subtitle--dark title">Spotlight news</span>
        <div class="o-grid">
          <div class="u-1/3">
            <div class="c-showcase-news c-showcase-news--small">
              <div class="c-showcase-news__image">
                <img src="https://via.placeholder.com/1200x900" />
              </div>
              <div class="c-showcase-news__content">
                  <div class="infos">
                      <div class="c-subtitle c-subtitle--sm c-subtitle--darken c-subtitle--dark">Dossier</div>
                      <div class="c-subtitle c-subtitle--sm c-subtitle--primary c-subtitle--tt-up">tag</div>
                      <div class="c-subtitle c-subtitle--sm c-subtitle--dark">06.02.2019</div>
                  </div>
                  <h2 class="h2-like--dark">Emmanuel Macron on the Safran Landing Systems carbon brake plant  near Lyon</h2>
              </div>
            </div>
          </div>
          <div class="u-1/3">
            <div class="c-showcase-news c-showcase-news--small">
              <div class="c-showcase-news__image">
                <img src="https://via.placeholder.com/1200x900" />
              </div>
              <div class="c-showcase-news__content">
                  <div class="infos">
                      <div class="c-subtitle c-subtitle--sm c-subtitle--darken c-subtitle--dark">Dossier</div>
                      <div class="c-subtitle c-subtitle--sm c-subtitle--primary c-subtitle--tt-up">tag</div>
                      <div class="c-subtitle c-subtitle--sm c-subtitle--dark">06.02.2019</div>
                  </div>
                  <h2 class="h2-like--dark">Emmanuel Macron on the Safran Landing Systems carbon brake plant  near Lyon</h2>
              </div>
            </div>
          </div>
          <div class="u-1/3">
            <div class="c-showcase-news c-showcase-news--small">
              <div class="c-showcase-news__image">
                <img src="https://via.placeholder.com/1200x900" />
              </div>
              <div class="c-showcase-news__content">
                  <div class="infos">
                      <div class="c-subtitle c-subtitle--sm c-subtitle--darken c-subtitle--dark">Dossier</div>
                      <div class="c-subtitle c-subtitle--sm c-subtitle--primary c-subtitle--tt-up">tag</div>
                      <div class="c-subtitle c-subtitle--sm c-subtitle--dark">06.02.2019</div>
                  </div>
                  <h2 class="h2-like--dark">Emmanuel Macron on the Safran Landing Systems carbon brake plant  near Lyon</h2>
              </div>
            </div>
          </div>
        </div>
        <div class="c-structured-news__button">
          <a class="c-btn c-btn--arrow-btn c-btn--arrow-btn--dark" href="#">See all Safran Electronics & Defense news</a>
        </div>
      </div>
    </div>
```

*/
@media (max-width: 47.99em)
{
    body.press-area-page .c-structured-news
    {
        padding-bottom: 6rem;
    }
}

.c-structured-news
{
    display: flex;
    flex-direction: column;

    padding-bottom: 2.5rem;
}
.c-structured-news .l-background
{
    height: 100%;
}
.c-structured-news .title
{
    margin-bottom: 4rem;
}
@media (max-width: 63.99em)
{
    .c-structured-news .title
    {
        margin-bottom: 2.5rem;

        text-align: center;
    }
}
.c-structured-news__button
{
    margin-top: 4rem;
    padding-left: 0;

    text-align: right;
}
@media (min-width: 64em)
{
    .c-structured-news__button
    {
        margin-top: 6rem;
    }
}
.c-structured-news__button .c-btn
{
    padding: 0 5rem 0 0;
}
.c-structured-news__button .c-btn::after
{
    top: calc(50% - .8rem);
}
@media (max-width: 63.99em)
{
    .c-structured-news__button
    {
        margin-bottom: 2rem; 

        text-align: center;
    }
    .c-structured-news__button .c-btn
    {
        font-size: 1.2rem;
        line-height: 1.6rem; 

        letter-spacing: .258rem;
    }
}
@media (max-width: 47.99em)
{
    .c-structured-news__button
    {
        margin-bottom: 0;
    }
    .c-structured-news__button .c-btn
    {
        padding: 0;
    }
}
.c-structured-news--big-padding-bottom
{
    padding-bottom: 8rem;
}
@media (max-width: 63.99em)
{
    .c-structured-news--big-padding-bottom
    {
        padding-bottom: 6rem;
    }
}
@media (max-width: 63.99em)
{
    .c-structured-news--small
    {
        padding-bottom: 5rem;
    }
}
@media (max-width: 63.99em)
{
    .c-structured-news--small .title
    {
        font-size: 1.2rem;

        margin-bottom: 0;

        text-align: left;
    }
}
.c-structured-news--small .c-structured-news__content p
{
    font-size: 1.6rem;
}
.c-structured-news--small .c-showcase-news .c-showcase-news__content p
{
    display: -webkit-box;
    overflow: hidden;

    margin-bottom: 2rem;
    padding-bottom: 0;

    text-overflow: ellipsis; 

    -webkit-line-clamp: 1;
            line-clamp: 1;
    -webkit-box-orient: vertical;
}
.c-structured-news--press .c-showcase-news
{
    padding: 0;
}
.c-structured-news--press .c-showcase-news .c-showcase-news__content p
{
    display: -webkit-box;
    overflow: hidden;

    margin-bottom: 2rem;
    padding-bottom: 0;

    text-overflow: ellipsis; 

    -webkit-line-clamp: 1;
            line-clamp: 1;
    -webkit-box-orient: vertical;
}
@media (max-width: 63.99em)
{
    .c-structured-news--normal
    {
        border-bottom: .1rem solid #d1d6e6;
    }
}
@media (max-width: 63.99em)
{
    .c-structured-news--no-responsive-border
    {
        border: none;
    }
}
.c-structured-news--center .c-subtitle
{
    text-align: center;
}
.c-structured-news--dark
{
    background-color: #02143a;
}
.c-structured-news--dark .c-subtitle
{
    color: #bcbfcf;
}
.c-structured-news--dark .c-showcase-news__content:hover h2
{
    color: #255b8e;
}
.c-structured-news--dark .c-showcase-news__content .infos__date
{
    color: #bcbfcf;
}
.c-structured-news--dark .c-showcase-news__content .infos__tag
{
    color: #255b8e;
}
.c-structured-news--dark .c-showcase-news__content h2
{
    color: #fff;
}
.c-structured-news--light
{
    background-color: #f9fafc;
}
.c-structured-news--white
{
    background-color: #fff;
}
@media (max-width: 63.99em)
{
    .c-structured-news--last-child
    {
        padding-bottom: 0;

        border-bottom: 0;
    }
}

.c-structured-news.c-layer
{
    padding: 8rem;
}

@media (max-width: 87.5em)
{
    .c-structured-news.c-layer
    {
        padding: 4rem;
    }
}

@media (max-width: 48em)
{
    .c-structured-news.c-layer
    {
        padding: 4rem 2rem;
    }
}

/* ==========================================================================
   #Structured big picture
   ========================================================================== */
/*
---
name: Structured big picture
category: 03 - Organisms
---

Normal
```c-structured-big-picture.html
  <div class="c-structured-big-picture">

    <div class="c-layer c-layer--no-v-padding">

      <h4 class="c-structured-big-picture__surtitle">Section title only</h4>
      <h2 class="c-structured-big-picture__title h2-like--dark">This is a section that could be use if you want top add a separate title anywhere</h2>
      <h3 class="c-structured-big-picture__subtitle h3-like--dark">Safran Electronics & Defense presents new flight control commands at the Bourget</h3>

      <img src="https://via.placeholder.com/1200x900" alt="picture" class="c-structured-big-picture__img"/>

    </div>

  </div>
```

*/
.c-structured-big-picture--small-padding-top
{
    padding-top: .1rem;
}

@media (max-width: 63.99em)
{
    .c-structured-big-picture
    {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
}

@media (max-width: 63.99em)
{
    .c-structured-big-picture--no-title-no-subtitle
    {
        padding-top: 4rem;
    }
    .c-structured-big-picture--no-title-no-subtitle .c-structured-big-picture__subtitle
    {
        margin-top: 0;
    }
}

.c-structured-big-picture__surtitle
{
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.8; 

    margin: 0;
    padding: 0 2rem;

    color: #84899f;
}

.c-structured-big-picture__category
{
    text-align: center;
}
@media (max-width: 63.99em)
{
    .c-structured-big-picture__category
    {
        font-size: 1.2rem; 

        margin-bottom: .5rem;
    }
}

.c-structured-big-picture__title
{
    margin: 0;
    margin-top: 1rem;
    padding: 0 2rem;

    text-align: center;
}
@media (max-width: 63.99em)
{
    .c-structured-big-picture__title
    {
        font-size: 2.4rem; 

        margin-top: 0;
    }
}

.c-structured-big-picture__title-left
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 2.8rem;
    line-height: 3.6rem;

    margin-bottom: 0;

    letter-spacing: 0;

    color: #fff;
}
@media (max-width: 48em)
{
    .c-structured-big-picture__title-left
    {
        font-size: 2.4rem;
        line-height: 2.4rem;
    }
}

.c-structured-big-picture__subtitle
{
    margin: 0;
    margin-top: 8rem;
}
.c-structured-big-picture__subtitle--no-large-margin
{
    margin-top: 0;
}
@media (max-width: 63.99em)
{
    .c-structured-big-picture__subtitle
    {
        font-size: 1.8rem;

        margin-top: 6rem;

        letter-spacing: .1rem;
    }
}

.c-structured-big-picture__img-container .c-image-orientation__image--background--container
{
    margin-top: 4rem;
}

.c-structured-big-picture__img-container .img-focus
{
    display: block;

    max-width: 100%; 
    height: auto;
    margin: 4rem auto 0;
}

@media (max-width: 47.99em)
{
    .c-structured-big-picture__img-container
    {
        margin: -2rem;
    }
}

.c-structured-big-picture__img
{
    width: 100%;
    height: auto;
    max-height: 77.5rem;
    margin-top: 4rem;

    -o-object-fit: cover;
       object-fit: cover;
}
@media (max-width: 47.99em)
{
    .c-structured-big-picture__img
    {
        margin-bottom: 3rem;
    }
}

.c-structured-big-picture__img-background
{
    width: 100%;
    height: 53.6vw;
    max-height: 77.5rem;
    margin-top: 4rem; 

    background-position: center center;
    background-size: cover;
}
.c-structured-big-picture__img-background.c-image-orientation__image--background
{
    margin-top: 0;
    margin-bottom: 0;
}
@media (max-width: 47.99em)
{
    .c-structured-big-picture__img-background
    {
        height: 22.5rem; 
        margin-bottom: 3rem;
    }
}

.activity-page .c-structured-big-picture__subtitle
{
    margin-top: 0;
}

/* ==========================================================================
   #Structured video
   ========================================================================== */
/*
---
name: Structured video
category: 03 - Organisms
---

Normal
```structured-video.html
  <div class="c-structured-video">

    <div class="c-layer c-layer--no-v-padding">

      <h3 class="c-structured-video__title">Introducing MP Sights</h3>

      <a class="c-video-item" href="#">
        <div class="c-video-item__image">
          <img src="https://via.placeholder.com/1200x900" />
          <div class="player">
            <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 41.999 41.999" style="enable-background:new 0 0 41.999 41.999;" xml:space="preserve">
              <path d="M36.068,20.176l-29-20C6.761-0.035,6.363-0.057,6.035,0.114C5.706,0.287,5.5,0.627,5.5,0.999v40 c0,0.372,0.206,0.713,0.535,0.886c0.146,0.076,0.306,0.114,0.465,0.114c0.199,0,0.397-0.06,0.568-0.177l29-20 c0.271-0.187,0.432-0.494,0.432-0.823S36.338,20.363,36.068,20.176z"/>
            </svg>
          </div>
        </div>
      </a>

    </div>

  </div>
```

Dark
```structured-video-dark.html
  <div class="u-bg--dark" style="padding: 2rem;">
    <div class="c-structured-video c-structured-video--dark">

      <div class="c-layer c-layer--no-v-padding">

        <h3 class="c-structured-video__title h3-like--dark">Introducing MP Sights</h3>

        <a class="c-video-item" href="#">
          <div class="c-video-item__image">
            <img src="https://via.placeholder.com/1200x900" />
            <div class="player">
              <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 41.999 41.999" style="enable-background:new 0 0 41.999 41.999;" xml:space="preserve">
                <path d="M36.068,20.176l-29-20C6.761-0.035,6.363-0.057,6.035,0.114C5.706,0.287,5.5,0.627,5.5,0.999v40 c0,0.372,0.206,0.713,0.535,0.886c0.146,0.076,0.306,0.114,0.465,0.114c0.199,0,0.397-0.06,0.568-0.177l29-20 c0.271-0.187,0.432-0.494,0.432-0.823S36.338,20.363,36.068,20.176z"/>
              </svg>
            </div>
          </div>
        </a>

      </div>

    </div>
  </div>
```

*/
.c-structured-video--full-screen
{
    padding: 0;
}

.c-structured-video__title
{
    font-size: 2.8rem; 

    margin-top: 0;
    margin-bottom: 4rem;
}

.c-structured-video__content
{
    margin-top: 2rem;
}
@media (min-width: 64em)
{
    .c-structured-video__content
    {
        margin-top: 4rem;
    }
}

.c-structured-video__content__title h2
{
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 2.5rem;

    margin: 0;
    padding: 0; 

    letter-spacing: .183rem;
    text-transform: uppercase;

    color: #7fb8e7;
}
@media (min-width: 64em)
{
    .c-structured-video__content__title h2
    {
        font-size: 1.2rem;

        letter-spacing: .2rem;
    }
}

.c-structured-video__content__text
{
    margin-top: .4rem;
}
.c-structured-video__content__text p
{
    font-size: 1.6rem;
    line-height: 2.2rem;

    margin: 0;
    padding: 0;

    letter-spacing: 0;

    color: #fff;
}

.c-structured-video__content__time
{
    display: flex;

    margin-top: 1.5rem;

    align-items: center;
}
@media (min-width: 64em)
{
    .c-structured-video__content__time
    {
        margin-top: 1.3rem;
    }
}
.c-structured-video__content__time img
{
    width: 1.8rem;
    height: 1.8rem;
    margin-right: .8rem;
}
.c-structured-video__content__time span
{
    font-size: 1.4rem;
    line-height: 1.8rem;

    letter-spacing: .053rem;

    color: #a1a5b9;
}
@media (min-width: 64em)
{
    .c-structured-video__content__time span
    {
        font-size: 1.6rem;
        line-height: 2rem;

        letter-spacing: .06rem;

        color: #d1d6e6;
    }
}

@media (min-width: 48em)
{
    .c-structured-video .c-video-item
    {
        max-width: 90%;
        margin: 0 auto;
    }
    .c-structured-video .c-video-item__image .player
    {
        width: 11.5rem;
        height: 11.5rem;

        border-radius: 50%;
    }
    .c-structured-video .c-video-item__image .player:after
    {
        border-width: 1.5rem 0 1.5rem 2rem;
    }
}

@media (max-width: 47.99em)
{
    .c-structured-video
    {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .c-structured-video__title
    {
        font-size: 1.8rem; 

        margin-bottom: 2.5rem;
    }
}

/* ==========================================================================
   #Structured video playlist
   ========================================================================== */
/*
---
name: Structured video playlist
category: 03 - Organisms
---

Normal
```structured-video-playlist.html
  <div class="c-structured-video-playlist">

    <div class="c-layer c-layer--no-v-padding">

      <h3 class="c-structured-video-playlist__title">Discover our series on Paris Air Show 2019</h3>

      <div class="c-video-playlist o-grid">
        <div class="c-video-playlist__showcase u-4/6">
          <a class="c-video-item" href="#">
            <div class="c-video-item__image">
              <img src="https://via.placeholder.com/1200x900" />
              <div class="player">
                <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 41.999 41.999" style="enable-background:new 0 0 41.999 41.999;" xml:space="preserve">
                  <path d="M36.068,20.176l-29-20C6.761-0.035,6.363-0.057,6.035,0.114C5.706,0.287,5.5,0.627,5.5,0.999v40 c0,0.372,0.206,0.713,0.535,0.886c0.146,0.076,0.306,0.114,0.465,0.114c0.199,0,0.397-0.06,0.568-0.177l29-20 c0.271-0.187,0.432-0.494,0.432-0.823S36.338,20.363,36.068,20.176z"/>
                </svg>
              </div>
            </div>
          </a>
        </div>
        <div class="overlay u-2/6">
          <div class="video-number"><p>4 videos</p></div>
          <ul class="c-video-playlist__list" data-simplebar>
            <li class="active">
              <div class="c-video-item c-video-item--small">
                <div class="c-video-item__image">
                  <img src="https://via.placeholder.com/1200x900" />
                  <div class="player">
                    <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 41.999 41.999" style="enable-background:new 0 0 41.999 41.999;" xml:space="preserve">
                      <path d="M36.068,20.176l-29-20C6.761-0.035,6.363-0.057,6.035,0.114C5.706,0.287,5.5,0.627,5.5,0.999v40 c0,0.372,0.206,0.713,0.535,0.886c0.146,0.076,0.306,0.114,0.465,0.114c0.199,0,0.397-0.06,0.568-0.177l29-20 c0.271-0.187,0.432-0.494,0.432-0.823S36.338,20.363,36.068,20.176z"/>
                    </svg>
                  </div>
                </div>
                <div class="c-video-item__content">
                  <p>Lorem ipsum Lorem ipsum Lorem ipsum1</p>
                  <span>12:01</span>
                </div>
              </div>
            </li>
            <li>
              <div class="c-video-item c-video-item--small">
                <div class="c-video-item__image">
                  <img src="https://via.placeholder.com/1200x900" />
                  <div class="player">
                    <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 41.999 41.999" style="enable-background:new 0 0 41.999 41.999;" xml:space="preserve">
                      <path d="M36.068,20.176l-29-20C6.761-0.035,6.363-0.057,6.035,0.114C5.706,0.287,5.5,0.627,5.5,0.999v40 c0,0.372,0.206,0.713,0.535,0.886c0.146,0.076,0.306,0.114,0.465,0.114c0.199,0,0.397-0.06,0.568-0.177l29-20 c0.271-0.187,0.432-0.494,0.432-0.823S36.338,20.363,36.068,20.176z"/>
                    </svg>
                  </div>
                </div>
                <div class="c-video-item__content">
                  <p>Lorem ipsum Lorem ipsum Lorem ipsum1</p>
                  <span>12:01</span>
                </div>
              </div>
            </li>
            <li>
              <div class="c-video-item c-video-item--small">
                <div class="c-video-item__image">
                  <img src="https://via.placeholder.com/1200x900" />
                  <div class="player">
                    <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 41.999 41.999" style="enable-background:new 0 0 41.999 41.999;" xml:space="preserve">
                      <path d="M36.068,20.176l-29-20C6.761-0.035,6.363-0.057,6.035,0.114C5.706,0.287,5.5,0.627,5.5,0.999v40 c0,0.372,0.206,0.713,0.535,0.886c0.146,0.076,0.306,0.114,0.465,0.114c0.199,0,0.397-0.06,0.568-0.177l29-20 c0.271-0.187,0.432-0.494,0.432-0.823S36.338,20.363,36.068,20.176z"/>
                    </svg>
                  </div>
                </div>
                <div class="c-video-item__content">
                  <p>Lorem ipsum Lorem ipsum Lorem ipsum1</p>
                  <span>12:01</span>
                </div>
              </div>
            </li>
            <li>
              <div class="c-video-item c-video-item--small">
                <div class="c-video-item__image">
                  <img src="https://via.placeholder.com/1200x900" />
                  <div class="player">
                    <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 41.999 41.999" style="enable-background:new 0 0 41.999 41.999;" xml:space="preserve">
                      <path d="M36.068,20.176l-29-20C6.761-0.035,6.363-0.057,6.035,0.114C5.706,0.287,5.5,0.627,5.5,0.999v40 c0,0.372,0.206,0.713,0.535,0.886c0.146,0.076,0.306,0.114,0.465,0.114c0.199,0,0.397-0.06,0.568-0.177l29-20 c0.271-0.187,0.432-0.494,0.432-0.823S36.338,20.363,36.068,20.176z"/>
                    </svg>
                  </div>
                </div>
                <div class="c-video-item__content">
                  <p>Lorem ipsum Lorem ipsum Lorem ipsum1</p>
                  <span>12:01</span>
                </div>
              </div>
            </li>
          </ul>
        </div>
      </div>

    </div>

  </div>
```

Dark
```structured-video-playlist-dark.html
<div class="c-structured-video-playlist c-structured-video-playlist--dark">

  <div class="c-layer c-layer--no-v-padding">

    <h3 class="c-structured-video-playlist__title h3-like--dark">Discover our series on Paris Air Show 2019</h3>

    <div class="c-video-playlist c-video-playlist--dark o-grid">
      <div class="c-video-playlist__showcase u-4/6">
        <a class="c-video-item" href="#">
          <div class="c-video-item__image">
            <img src="https://via.placeholder.com/1200x900" />
            <div class="player">
              <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 41.999 41.999" style="enable-background:new 0 0 41.999 41.999;" xml:space="preserve">
                <path d="M36.068,20.176l-29-20C6.761-0.035,6.363-0.057,6.035,0.114C5.706,0.287,5.5,0.627,5.5,0.999v40 c0,0.372,0.206,0.713,0.535,0.886c0.146,0.076,0.306,0.114,0.465,0.114c0.199,0,0.397-0.06,0.568-0.177l29-20 c0.271-0.187,0.432-0.494,0.432-0.823S36.338,20.363,36.068,20.176z"/>
              </svg>
            </div>
          </div>
        </a>
      </div>
      <div class="overlay u-2/6">
        <div class="video-number"><p>4 videos</p></div>
        <ul class="c-video-playlist__list" data-simplebar>
          <li class="active">
            <div class="c-video-item c-video-item--dark c-video-item--small">
              <div class="c-video-item__image">
                <img src="https://via.placeholder.com/1200x900" />
                <div class="player">
                  <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 41.999 41.999" style="enable-background:new 0 0 41.999 41.999;" xml:space="preserve">
                    <path d="M36.068,20.176l-29-20C6.761-0.035,6.363-0.057,6.035,0.114C5.706,0.287,5.5,0.627,5.5,0.999v40 c0,0.372,0.206,0.713,0.535,0.886c0.146,0.076,0.306,0.114,0.465,0.114c0.199,0,0.397-0.06,0.568-0.177l29-20 c0.271-0.187,0.432-0.494,0.432-0.823S36.338,20.363,36.068,20.176z"/>
                  </svg>
                </div>
              </div>
              <div class="c-video-item__content">
                <p>Lorem ipsum Lorem ipsum Lorem ipsum1</p>
                <span>12:01</span>
              </div>
            </div>
          </li>
          <li>
            <div class="c-video-item c-video-item--dark c-video-item--small">
              <div class="c-video-item__image">
                <img src="https://via.placeholder.com/1200x900" />
                <div class="player">
                  <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 41.999 41.999" style="enable-background:new 0 0 41.999 41.999;" xml:space="preserve">
                    <path d="M36.068,20.176l-29-20C6.761-0.035,6.363-0.057,6.035,0.114C5.706,0.287,5.5,0.627,5.5,0.999v40 c0,0.372,0.206,0.713,0.535,0.886c0.146,0.076,0.306,0.114,0.465,0.114c0.199,0,0.397-0.06,0.568-0.177l29-20 c0.271-0.187,0.432-0.494,0.432-0.823S36.338,20.363,36.068,20.176z"/>
                  </svg>
                </div>
              </div>
              <div class="c-video-item__content">
                <p>Lorem ipsum Lorem ipsum Lorem ipsum1</p>
                <span>12:01</span>
              </div>
            </div>
          </li>
          <li>
            <div class="c-video-item c-video-item--dark c-video-item--small">
              <div class="c-video-item__image">
                <img src="https://via.placeholder.com/1200x900" />
                <div class="player">
                  <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 41.999 41.999" style="enable-background:new 0 0 41.999 41.999;" xml:space="preserve">
                    <path d="M36.068,20.176l-29-20C6.761-0.035,6.363-0.057,6.035,0.114C5.706,0.287,5.5,0.627,5.5,0.999v40 c0,0.372,0.206,0.713,0.535,0.886c0.146,0.076,0.306,0.114,0.465,0.114c0.199,0,0.397-0.06,0.568-0.177l29-20 c0.271-0.187,0.432-0.494,0.432-0.823S36.338,20.363,36.068,20.176z"/>
                  </svg>
                </div>
              </div>
              <div class="c-video-item__content">
                <p>Lorem ipsum Lorem ipsum Lorem ipsum1</p>
                <span>12:01</span>
              </div>
            </div>
          </li>
          <li>
            <div class="c-video-item c-video-item--dark c-video-item--small">
              <div class="c-video-item__image">
                <img src="https://via.placeholder.com/1200x900" />
                <div class="player">
                  <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 41.999 41.999" style="enable-background:new 0 0 41.999 41.999;" xml:space="preserve">
                    <path d="M36.068,20.176l-29-20C6.761-0.035,6.363-0.057,6.035,0.114C5.706,0.287,5.5,0.627,5.5,0.999v40 c0,0.372,0.206,0.713,0.535,0.886c0.146,0.076,0.306,0.114,0.465,0.114c0.199,0,0.397-0.06,0.568-0.177l29-20 c0.271-0.187,0.432-0.494,0.432-0.823S36.338,20.363,36.068,20.176z"/>
                  </svg>
                </div>
              </div>
              <div class="c-video-item__content">
                <p>Lorem ipsum Lorem ipsum Lorem ipsum1</p>
                <span>12:01</span>
              </div>
            </div>
          </li>
        </ul>
      </div>
    </div>

  </div>

</div>
```

*/
@media (max-width: 63.99em)
{
    .c-structured-video-playlist
    {
        padding-right: 0;
    }
}

@media (max-width: 47.99em)
{
    .c-structured-video-playlist
    {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
}

.c-structured-video-playlist--dark .c-structured-video-playlist__title
{
    color: #fff;
}

.c-structured-video-playlist__title
{
    font-size: 2.8rem;
    line-height: 3.6rem; 

    margin-top: 0;
    margin-bottom: 4rem;

    letter-spacing: 0;
}
@media (max-width: 63.99em)
{
    .c-structured-video-playlist__title
    {
        font-size: 1.8rem;
        line-height: 2.1rem; 

        margin-bottom: 2.5rem;

        letter-spacing: .1rem;
    }
}

.c-structured-video-playlist__link-container
{
    margin-top: 8rem;

    text-align: right;
}
@media (max-width: 63.99em)
{
    .c-structured-video-playlist__link-container
    {
        margin-top: 1rem;
        padding-right: 2rem;
    }
    .c-structured-video-playlist__link-container .c-btn--arrow-btn
    {
        font-size: 1.2rem;
    }
}
@media (max-width: 47.99em)
{
    .c-structured-video-playlist__link-container
    {
        display: flex;
        flex-direction: row;

        margin: 0;
        padding-top: 4.5rem;
        padding-bottom: 0; 

        justify-content: center;
    }
}
.c-structured-video-playlist__link-container .c-btn--arrow-btn
{
    padding-top: 0;
    padding-bottom: 0;

    color: #fff;
}
.c-structured-video-playlist__link-container .c-btn--arrow-btn ::after
{
    color: #fff;
}

/* ==========================================================================
   #Structured social media news
   ========================================================================== */
/*
---
name: Structured social media news
category: 03 - Organisms
---

Normal
```structured-social-media-news.html
<div class="c-structured-social-media-news">

  <div class="c-layer c-layer--no-v-padding">

    <h3 class="c-subtitle">News from the field</h3>

    <div class="c-structured-social-media-news__blocks-container">

        <div class="c-structured-social-media-news__block-container">

          <div class="c-social-media-news">
            <p>Merci au Délégué Général pour l'Armement d'être venu à Eragny pour rencontrer les équipes du programme SDT @DGA</p>
            <div class="c-social-media-news__media">
              <p><img src="https://via.placeholder.com/25x25" class="c-social-media-news__network-icon" />@Safran_SED</p>
            </div>
          </div>

        </div>

        <div class="c-structured-social-media-news__block-container">

          <div class="c-social-media-news">
            <p>Merci au Délégué Général pour l'Armement d'être venu à Eragny pour rencontrer les équipes du programme SDT @DGA</p>
            <div class="c-social-media-news__media">
              <p><img src="https://via.placeholder.com/25x25" class="c-social-media-news__network-icon" />@Safran_SED</p>
            </div>
          </div>

        </div>

        <div class="c-structured-social-media-news__block-container">

          <div class="c-social-media-news">
            <p>Merci au Délégué Général pour l'Armement d'être venu à Eragny pour rencontrer les équipes du programme SDT @DGA</p>
            <div class="c-social-media-news__media">
              <p><img src="https://via.placeholder.com/25x25" class="c-social-media-news__network-icon" />@Safran_SED</p>
            </div>
          </div>

        </div>

    </div>

  </div>

</div>
```

*/
@media (max-width: 63.99em)
{
    .c-structured-social-media-news
    {
        padding-top: 4rem;
        padding-right: 0; 
        padding-bottom: 4rem;
        padding-left: 0;
    }
}

.c-structured-social-media-news .c-subtitle
{
    line-height: 2.6rem; 

    margin-top: 0;
    margin-bottom: 4rem;
}
@media (max-width: 63.99em)
{
    .c-structured-social-media-news .c-subtitle
    {
        margin-bottom: 2.5rem;
        padding-right: 4rem; 
        padding-left: 4rem;
    }
}
@media (max-width: 47.99em)
{
    .c-structured-social-media-news .c-subtitle
    {
        padding-right: 2rem; 
        padding-left: 2rem;
    }
}

.c-structured-social-media-news__blocks-container
{
    display: flex;
}

.c-structured-social-media-news__block-container
{
    display: flex;

    padding: 0 1.25rem; 

    flex: 1;
    align-items: center;
}
@media (max-width: 48em)
{
    .c-structured-social-media-news__block-container
    {
        padding: 0 .75rem;
    }
}
.c-structured-social-media-news__block-container:first-child
{
    padding-left: 0;
}
@media (max-width: 64em)
{
    .c-structured-social-media-news__block-container:first-child
    {
        padding-left: 4rem;
    }
}
@media (max-width: 48em)
{
    .c-structured-social-media-news__block-container:first-child
    {
        padding-left: 2rem;
    }
}
.c-structured-social-media-news__block-container:last-child
{
    padding-right: 0;
}
@media (max-width: 64em)
{
    .c-structured-social-media-news__block-container:last-child
    {
        padding-right: 4rem;
    }
}
@media (max-width: 48em)
{
    .c-structured-social-media-news__block-container:last-child
    {
        padding-right: 2rem;
    }
}

@media (max-width: 63.99em)
{
    .c-structured-social-media-news .c-structured-social-media-news__blocks-container
    {
        overflow-x: auto;

        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .c-structured-social-media-news .c-structured-social-media-news__blocks-container::-webkit-scrollbar
    {
        width: 0 !important;
        height: 0 !important;
    }
}

/* ==========================================================================
   #Structured publications
   ========================================================================== */
/*
---
name: Structured publications
category: 03 - Organisms
---

Normal
```structured-publications.html
  <div class="c-structured-publications c-layer">
    <span class="c-subtitle">Publications</span>
    <h2 class="c-structured-publications__title">Safran Electronics & Defense viverra efficitur porttitor id, condimentum viverra orci</h2>

    <div class="o-grid">

      <div class="u-1/3">

        <div class="c-publication-item">

        <div class="c-publication-item__photo" style="background-image: url('https://via.placeholder.com/1200x900')"></div>

          <p class="c-publication-item__title">Download Governance - Membership structure of the Board of Directors</p>

          <a class="c-download-file" href="#" download="">
            <div>
              <div class="c-cta">
                Download
              </div>
              <div class="c-caption c-caption__small">PDF (3,56MB)</div>
            </div>
          </a> 

        </div>

      </div>

      <div class="u-1/3">

        <div class="c-publication-item">

        <div class="c-publication-item__photo" style="background-image: url('https://via.placeholder.com/1200x900')"></div>

          <p class="c-publication-item__title">Download Governance - Membership structure of the Board of Directors</p>                    

          <a class="c-download-file" href="#" download="">
            <div>
              <div class="c-cta">
                Download
              </div>
              <div class="c-caption c-caption__small">PDF (3,56MB)</div>
            </div>
          </a> 

        </div>

      </div>

      <div class="u-1/3">

        <div class="c-publication-item">

        <div class="c-publication-item__photo" style="background-image: url('https://via.placeholder.com/1200x900')"></div>

          <p class="c-publication-item__title">Download Governance - Membership structure of the Board of Directors</p>                    

          <a class="c-download-file" href="#" download="">
            <div>
              <div class="c-cta">
                Download
              </div>
              <div class="c-caption c-caption__small">PDF (3,56MB)</div>
            </div>
          </a> 

        </div>

      </div>

    </div>
  </div>
```

*/
.c-structured-publications
{
    text-align: center;
}
.c-structured-publications .c-layer
{
    padding-bottom: 0;
}
@media (max-width: 47.99em)
{
    .c-structured-publications .c-layer
    {
        padding: 4rem;
        padding-bottom: 0;
    }
}
@media (max-width: 29.99em)
{
    .c-structured-publications .c-layer
    {
        padding: 4rem 2rem;
        padding-bottom: 0;
    }
}
@media (max-width: 47.99em)
{
    .c-structured-publications .c-subtitle
    {
        font-size: 1.2rem;

        letter-spacing: .4rem;
    }
}
.c-structured-publications__title
{
    font-size: 2.4rem;

    max-width: 100%;
    margin-top: .5rem;
    margin-bottom: 0;
}
@media (min-width: 64em)
{
    .c-structured-publications__title
    {
        font-size: 3.6rem;
        line-height: 4.2rem; 

        max-width: 60%;
        margin: 1rem auto 0;
    }
}
.c-structured-publications__content
{
    padding: 8rem 0 7rem;
    padding-bottom: 0;
}
@media (max-width: 47.99em)
{
    .c-structured-publications__content
    {
        padding: 6rem 0 3rem;
        padding-bottom: 0;
    }
}
.c-structured-publications__button-container
{
    margin-right: -8rem;
    margin-left: -8rem;
}
@media (max-width: 63.99em)
{
    .c-structured-publications__button-container
    {
        margin-right: -4rem;
        margin-left: -4rem;
    }
}
@media (max-width: 29.99em)
{
    .c-structured-publications__button-container
    {
        margin-right: -2rem;
        margin-left: -2rem;
    }
}

/* ==========================================================================
   # Structured quick links
   ========================================================================== */
.c-structured-quick-link
{
    padding-bottom: 0;
}
@media (max-width: 63.99em)
{
    .c-structured-quick-link
    {
        padding-top: 2.5rem;
    }
    .c-structured-quick-link .title
    {
        font-size: 2.4rem; 

        margin-bottom: 2.5rem;
    }
}
.c-structured-quick-link--large-padding-bottom
{
    padding-bottom: 4rem;
}
@media (max-width: 63.99em)
{
    .c-structured-quick-link--large-padding-bottom
    {
        padding-bottom: 0;
    }
}
.c-structured-quick-link--dark .title
{
    color: #fff;
}
.c-structured-quick-link .title
{
    margin-bottom: 4.5rem;
}
.c-structured-quick-link__content
{
    padding: 0 6rem;
}
@media (max-width: 63.99em)
{
    .c-structured-quick-link__content
    {
        padding: 0;
    }
}
.c-structured-quick-link__item-wrapper
{
    height: 100%; 
    padding: 1.5rem 2rem;
}
@media (max-width: 63.99em)
{
    .c-structured-quick-link__item-wrapper
    {
        padding: 0;
        padding-bottom: 2.5rem;
    }
}
.c-structured-quick-link__button-container
{
    margin-right: -8rem;
    margin-left: -8rem; 
    padding-top: 5rem;
}
@media (max-width: 63.99em)
{
    .c-structured-quick-link__button-container
    {
        margin-right: -4rem;
        margin-left: -4rem;
    }
}
@media (max-width: 47.99em)
{
    .c-structured-quick-link__button-container
    {
        margin-right: -2rem;
        margin-left: -2rem;
        padding-top: 0;
    }
}
@media (max-width: 29.99em)
{
    .c-structured-quick-link__button-container
    {
        margin-right: -2rem;
        margin-left: -2rem;
    }
}
@media (max-width: 63.99em)
{
    .c-structured-quick-link__button-container.hidden-desktop
    {
        display: none;
    }
}
@media (max-width: 47.99em)
{
    .c-structured-quick-link__button-container.hidden-desktop
    {
        display: inherit;
    }
}
@media (max-width: 47.99em)
{
    .c-structured-quick-link__button-container .js-load-more--buttons-hidden-responsive
    {
        display: inherit;
    }
}

/* ==========================================================================
   #Structured Job Offers
   ========================================================================== */
/*
---
name: Structured job offers
category: 03 - Organisms
---

```structured-job-offers.html
<div class="c-structured-job-offers">

  <div class="c-layer c-layer--no-v-padding">

    <p class="c-structured-job-offers__pretitle">Job offers</p>
    <p class="c-structured-job-offers__title">Work at Safran Electronics & Defense! Browse toward 52 offers</p>

    <div class="c-structured-job-offers__offers-container">

      <a class="c-job-offer-card" href="#">

        <p class="c-job-offer-card__header">
          <span class="c-job-offer-card__date">16.02.2019</span>
          <span class="c-job-offer-card__category">Engineering</span>
        </p>

        <p class="c-job-offer-card__description">
          Technicien métallurgiste pièces coulées H/F
        </p>

        <p class="c-job-offer-card__type">Regular Full Time</p>

        <p class="c-job-offer-card__localisation">
          Colombes, France
        </p>

      </a>

      <a class="c-job-offer-card" href="#">

        <p class="c-job-offer-card__header">
          <span class="c-job-offer-card__date">16.02.2019</span>
          <span class="c-job-offer-card__category">Material and processes</span>
        </p>

        <p class="c-job-offer-card__description">
          Trainee for engineering service A350 H/F
        </p>

        <p class="c-job-offer-card__type">Regular Full Time</p>

        <p class="c-job-offer-card__localisation">
          Hamburg, Allemagne
        </p>

      </a>

      <a class="c-job-offer-card" href="#">

        <p class="c-job-offer-card__header">
          <span class="c-job-offer-card__date">16.02.2019</span>
          <span class="c-job-offer-card__category">Marketing</span>
        </p>

        <p class="c-job-offer-card__description">
          Apprenti Marketing Veille H/F
        </p>

        <p class="c-job-offer-card__type">Contrat d'apprentissage</p>

        <p class="c-job-offer-card__localisation">
          Blagnac, France
        </p>

      </a>

    </div>

    <div class="c-structured-job-offers__link-container">

      <a class="c-btn c-btn--arrow-btn" href="#">
        See all job offers
      </a>

    </div>

  </div>

</div>
```

*/
.c-structured-job-offers
{
    padding-bottom: 3rem;
}
.c-structured-job-offers__pretitle
{
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.8;

    margin: 0;

    letter-spacing: .6rem;
    text-transform: uppercase; 

    color: #525668;
}
.c-structured-job-offers__title
{
    font-size: 3.6rem;
    line-height: 1.16; 

    margin: 0;
    margin-top: .9rem;

    color: #141d29;
}
.c-structured-job-offers__title strong
{
    font-weight: normal;

    color: #255b8e;
}
.c-structured-job-offers__offers-container
{
    margin: 8rem 0;
    margin-top: 4rem;
}
.c-structured-job-offers__link-container
{
    margin-top: 7rem;

    text-align: right;
}
@media (max-width: 63.99em)
{
    .c-structured-job-offers__link-container
    {
        margin-top: 6rem; 

        text-align: center;
    }
    .c-structured-job-offers__link-container .c-btn
    {
        padding-top: .4rem;
    }
    .c-structured-job-offers__link-container .c-btn::after
    {
        top: 0;
    }
}
.c-structured-job-offers .c-btn
{
    display: inline-flex;

    align-items: center;
}
@media (max-width: 63.99em)
{
    .c-structured-job-offers
    {
        padding-top: 4rem;
    }
    .c-structured-job-offers .c-structured-job-offers__pretitle
    {
        font-size: 1.2rem;
    }
    .c-structured-job-offers .c-structured-job-offers__title
    {
        font-size: 2.4rem;
    }
    .c-structured-job-offers .c-structured-job-offers__offers-container
    {
        margin-top: 3rem;
        margin-bottom: 4rem;
    }
}
.c-structured-job-offers--dark .c-job-offer-card__container
{
    background-color: #11203e;
}
.c-structured-job-offers--dark .c-job-offer-card__container:hover
{
    box-shadow: 0 .8rem 1.3rem 0 rgba(37, 91, 142, .2);
}
.c-structured-job-offers--dark .c-job-offer-card__container:hover .c-job-offer-card__description
{
    color: #7fb8e7;
}
.c-structured-job-offers--dark .c-job-offer-card__date
{
    color: #d1d6e6;
}
.c-structured-job-offers--dark .c-job-offer-card__category
{
    color: #7fb8e7;
}
.c-structured-job-offers--dark .c-job-offer-card__description
{
    transition: all .75s; 

    color: #fff;
}
.c-structured-job-offers--dark .c-job-offer-card__type
{
    color: #a4acbc;
}
.c-structured-job-offers--dark .c-job-offer-card__localisation
{
    color: #7fb8e7;
}
.c-structured-job-offers--dark .c-job-offer-card__localisation-icon
{
    color: #fff;

    filter: brightness(0) invert(1);
}
.c-structured-job-offers--columns
{
    display: flex;

    flex-flow: row;
}
.c-structured-job-offers--columns .c-job-offer-card
{
    height: auto; 
    margin: 0;

    flex-basis: calc(33% - 1.5rem);
    align-self: stretch;
}
.c-structured-job-offers--columns .c-job-offer-card__type
{
    margin-top: 26px;
}
.c-structured-job-offers--columns .c-job-offer-card:first-child,
.c-structured-job-offers--columns .c-job-offer-card:nth-child(2)
{
    margin-right: 3rem;
}

@media (max-width: 30em)
{
    .details-offers-page .c-structured-job-offers
    {
        padding-bottom: 0;
    }
}

@media (max-width: 48em)
{
    .c-structured-job-offers--columns
    {
        flex-flow: column;
    }
    .c-structured-job-offers--columns .c-job-offer-card
    {
        width: 100%; 

        flex-basis: inherit;
    }
    .c-structured-job-offers--columns .c-job-offer-card:first-child,
    .c-structured-job-offers--columns .c-job-offer-card:nth-child(2)
    {
        margin-right: 0;
    }
}

/* ==========================================================================
   #Structured news
   ========================================================================== */
/*
---
name: Structured news
category: 03 - Organisms
---

Spotlight
```structured-news.html
    <div class="c-structured-news">
      <span class="c-subtitle title">Spotlight news</span>
      <div class="c-showcase-news">
        <div class="c-showcase-news__image">
            <img src="https://via.placeholder.com/1200x900" />
        </div>
        <div class="c-showcase-news__content">
            <div class="infos">
                <div class="c-subtitle c-subtitle--sm c-subtitle--darken">Dossier</div>
                <div class="c-subtitle c-subtitle--sm c-subtitle--primary c-subtitle--tt-up">tag</div>
                <div class="c-subtitle c-subtitle--sm">16.02.2019</div>
            </div>
            <h2>Emmanuel Macron on the Safran Landing Systems carbon brake plant near Lyon</h2>
            <a class="c-btn c-btn--primary" href="#">See more</a>
        </div>
      </div>
    </div>
```

Article (can be press item as well)
```structured-news-articles.html
    <div class="c-structured-news">
      <span class="c-subtitle title">Spotlight news</span>
      <div class="o-grid">
        <div class="u-1/3">
          <div class="c-showcase-news c-showcase-news--small">
            <div class="c-showcase-news__image">
              <img src="https://via.placeholder.com/1200x900" />
            </div>
            <div class="c-showcase-news__content">
                <div class="infos">
                    <div class="c-subtitle c-subtitle--sm c-subtitle--darken">Dossier</div>
                    <div class="c-subtitle c-subtitle--sm c-subtitle--primary c-subtitle--tt-up">tag</div>
                    <div class="c-subtitle c-subtitle--sm">06.02.2019</div>
                </div>
                <h2>Emmanuel Macron on the Safran Landing Systems carbon brake plant  near Lyon</h2>
            </div>
          </div>
        </div>
        <div class="u-1/3">
          <div class="c-showcase-news c-showcase-news--small">
            <div class="c-showcase-news__image">
              <img src="https://via.placeholder.com/1200x900" />
            </div>
            <div class="c-showcase-news__content">
                <div class="infos">
                    <div class="c-subtitle c-subtitle--sm c-subtitle--darken">Dossier</div>
                    <div class="c-subtitle c-subtitle--sm c-subtitle--primary c-subtitle--tt-up">tag</div>
                    <div class="c-subtitle c-subtitle--sm">06.02.2019</div>
                </div>
                <h2>Emmanuel Macron on the Safran Landing Systems carbon brake plant  near Lyon</h2>
            </div>
          </div>
        </div>
        <div class="u-1/3">
          <div class="c-showcase-news c-showcase-news--small">
            <div class="c-showcase-news__image">
              <img src="https://via.placeholder.com/1200x900" />
            </div>
            <div class="c-showcase-news__content">
                <div class="infos">
                    <div class="c-subtitle c-subtitle--sm c-subtitle--darken">Dossier</div>
                    <div class="c-subtitle c-subtitle--sm c-subtitle--primary c-subtitle--tt-up">tag</div>
                    <div class="c-subtitle c-subtitle--sm">06.02.2019</div>
                </div>
                <h2>Emmanuel Macron on the Safran Landing Systems carbon brake plant  near Lyon</h2>
            </div>
          </div>
        </div>
      </div>
      <div class="c-structured-news__button">
        <a class="c-btn c-btn--arrow-btn" href="#">See all Safran Electronics & Defense news</a>
      </div>
    </div>
```


Article and Press (mixed)
```structured-news-articles-press.html
    <div class="c-structured-news">
      <span class="c-subtitle title">Spotlight news</span>
      <div class="o-grid">
        <div class="u-1/3">
          <div class="c-showcase-news c-showcase-news--small">
            <div class="c-showcase-news__image">
              <img src="https://via.placeholder.com/1200x900" />
            </div>
            <div class="c-showcase-news__content">
                <div class="infos">
                    <div class="c-subtitle c-subtitle--sm c-subtitle--darken">Dossier</div>
                    <div class="c-subtitle c-subtitle--sm c-subtitle--primary c-subtitle--tt-up">tag</div>
                    <div class="c-subtitle c-subtitle--sm">06.02.2019</div>
                </div>
                <h2>Emmanuel Macron on the Safran Landing Systems carbon brake plant  near Lyon</h2>
            </div>
          </div>
        </div>
        <div class="u-1/3">
          <div class="c-showcase-news c-showcase-news--small">
            <div class="c-showcase-news__image">
              <img src="https://via.placeholder.com/1200x900" />
            </div>
            <div class="c-showcase-news__content">
                <div class="infos">
                    <div class="c-subtitle c-subtitle--sm c-subtitle--darken">Dossier</div>
                    <div class="c-subtitle c-subtitle--sm c-subtitle--primary c-subtitle--tt-up">tag</div>
                    <div class="c-subtitle c-subtitle--sm">06.02.2019</div>
                </div>
                <h2>Emmanuel Macron on the Safran Landing Systems carbon brake plant  near Lyon</h2>
            </div>
          </div>
        </div>
        <div class="u-1/3">
          <div class="c-showcase-news c-showcase-news--press">
            <div class="c-showcase-news__content">
                <div class="infos">
                    <div class="c-subtitle c-subtitle--sm c-subtitle--darken">Dossier</div>
                    <div class="c-subtitle c-subtitle--sm c-subtitle--primary c-subtitle--tt-up">tag</div>
                    <div class="c-subtitle c-subtitle--sm">06.02.2019</div>
                </div>
                <h2>Emmanuel Macron on the Safran Landing Systems carbon brake plant  near Lyon</h2>
            </div>
          </div>
        </div>
      </div>
      <div class="c-structured-news__button">
        <a class="c-btn c-btn--arrow-btn" href="#">See all Safran Electronics & Defense news</a>
      </div>
    </div>
```


Dark
```structured-news-dark.html
    <div class="c-layer" style="background-color: rgb(7, 14, 29);">
      <div class="c-structured-news c-structured-news--dark">
        <span class="c-subtitle c-subtitle--dark title">Spotlight news</span>
        <div class="o-grid">
          <div class="u-1/3">
            <div class="c-showcase-news c-showcase-news--small">
              <div class="c-showcase-news__image">
                <img src="https://via.placeholder.com/1200x900" />
              </div>
              <div class="c-showcase-news__content">
                  <div class="infos">
                      <div class="c-subtitle c-subtitle--sm c-subtitle--darken c-subtitle--dark">Dossier</div>
                      <div class="c-subtitle c-subtitle--sm c-subtitle--primary c-subtitle--tt-up">tag</div>
                      <div class="c-subtitle c-subtitle--sm c-subtitle--dark">06.02.2019</div>
                  </div>
                  <h2 class="h2-like--dark">Emmanuel Macron on the Safran Landing Systems carbon brake plant  near Lyon</h2>
              </div>
            </div>
          </div>
          <div class="u-1/3">
            <div class="c-showcase-news c-showcase-news--small">
              <div class="c-showcase-news__image">
                <img src="https://via.placeholder.com/1200x900" />
              </div>
              <div class="c-showcase-news__content">
                  <div class="infos">
                      <div class="c-subtitle c-subtitle--sm c-subtitle--darken c-subtitle--dark">Dossier</div>
                      <div class="c-subtitle c-subtitle--sm c-subtitle--primary c-subtitle--tt-up">tag</div>
                      <div class="c-subtitle c-subtitle--sm c-subtitle--dark">06.02.2019</div>
                  </div>
                  <h2 class="h2-like--dark">Emmanuel Macron on the Safran Landing Systems carbon brake plant  near Lyon</h2>
              </div>
            </div>
          </div>
          <div class="u-1/3">
            <div class="c-showcase-news c-showcase-news--small">
              <div class="c-showcase-news__image">
                <img src="https://via.placeholder.com/1200x900" />
              </div>
              <div class="c-showcase-news__content">
                  <div class="infos">
                      <div class="c-subtitle c-subtitle--sm c-subtitle--darken c-subtitle--dark">Dossier</div>
                      <div class="c-subtitle c-subtitle--sm c-subtitle--primary c-subtitle--tt-up">tag</div>
                      <div class="c-subtitle c-subtitle--sm c-subtitle--dark">06.02.2019</div>
                  </div>
                  <h2 class="h2-like--dark">Emmanuel Macron on the Safran Landing Systems carbon brake plant  near Lyon</h2>
              </div>
            </div>
          </div>
        </div>
        <div class="c-structured-news__button">
          <a class="c-btn c-btn--arrow-btn c-btn--arrow-btn--dark" href="#">See all Safran Electronics & Defense news</a>
        </div>
      </div>
    </div>
```

*/
@media (max-width: 47.99em)
{
    body.press-area-page .c-structured-news
    {
        padding-bottom: 6rem;
    }
}

.c-structured-news
{
    display: flex;
    flex-direction: column;

    padding-bottom: 2.5rem;
}
.c-structured-news .l-background
{
    height: 100%;
}
.c-structured-news .title
{
    margin-bottom: 4rem;
}
@media (max-width: 63.99em)
{
    .c-structured-news .title
    {
        margin-bottom: 2.5rem;

        text-align: center;
    }
}
.c-structured-news__button
{
    margin-top: 4rem;
    padding-left: 0;

    text-align: right;
}
@media (min-width: 64em)
{
    .c-structured-news__button
    {
        margin-top: 6rem;
    }
}
.c-structured-news__button .c-btn
{
    padding: 0 5rem 0 0;
}
.c-structured-news__button .c-btn::after
{
    top: calc(50% - .8rem);
}
@media (max-width: 63.99em)
{
    .c-structured-news__button
    {
        margin-bottom: 2rem; 

        text-align: center;
    }
    .c-structured-news__button .c-btn
    {
        font-size: 1.2rem;
        line-height: 1.6rem; 

        letter-spacing: .258rem;
    }
}
@media (max-width: 47.99em)
{
    .c-structured-news__button
    {
        margin-bottom: 0;
    }
    .c-structured-news__button .c-btn
    {
        padding: 0;
    }
}
.c-structured-news--big-padding-bottom
{
    padding-bottom: 8rem;
}
@media (max-width: 63.99em)
{
    .c-structured-news--big-padding-bottom
    {
        padding-bottom: 6rem;
    }
}
@media (max-width: 63.99em)
{
    .c-structured-news--small
    {
        padding-bottom: 5rem;
    }
}
@media (max-width: 63.99em)
{
    .c-structured-news--small .title
    {
        font-size: 1.2rem;

        margin-bottom: 0;

        text-align: left;
    }
}
.c-structured-news--small .c-structured-news__content p
{
    font-size: 1.6rem;
}
.c-structured-news--small .c-showcase-news .c-showcase-news__content p
{
    display: -webkit-box;
    overflow: hidden;

    margin-bottom: 2rem;
    padding-bottom: 0;

    text-overflow: ellipsis; 

    -webkit-line-clamp: 1;
            line-clamp: 1;
    -webkit-box-orient: vertical;
}
.c-structured-news--press .c-showcase-news
{
    padding: 0;
}
.c-structured-news--press .c-showcase-news .c-showcase-news__content p
{
    display: -webkit-box;
    overflow: hidden;

    margin-bottom: 2rem;
    padding-bottom: 0;

    text-overflow: ellipsis; 

    -webkit-line-clamp: 1;
            line-clamp: 1;
    -webkit-box-orient: vertical;
}
@media (max-width: 63.99em)
{
    .c-structured-news--normal
    {
        border-bottom: .1rem solid #d1d6e6;
    }
}
@media (max-width: 63.99em)
{
    .c-structured-news--no-responsive-border
    {
        border: none;
    }
}
.c-structured-news--center .c-subtitle
{
    text-align: center;
}
.c-structured-news--dark
{
    background-color: #02143a;
}
.c-structured-news--dark .c-subtitle
{
    color: #bcbfcf;
}
.c-structured-news--dark .c-showcase-news__content:hover h2
{
    color: #255b8e;
}
.c-structured-news--dark .c-showcase-news__content .infos__date
{
    color: #bcbfcf;
}
.c-structured-news--dark .c-showcase-news__content .infos__tag
{
    color: #255b8e;
}
.c-structured-news--dark .c-showcase-news__content h2
{
    color: #fff;
}
.c-structured-news--light
{
    background-color: #f9fafc;
}
.c-structured-news--white
{
    background-color: #fff;
}
@media (max-width: 63.99em)
{
    .c-structured-news--last-child
    {
        padding-bottom: 0;

        border-bottom: 0;
    }
}

.c-structured-news.c-layer
{
    padding: 8rem;
}

@media (max-width: 87.5em)
{
    .c-structured-news.c-layer
    {
        padding: 4rem;
    }
}

@media (max-width: 48em)
{
    .c-structured-news.c-layer
    {
        padding: 4rem 2rem;
    }
}

/* ==========================================================================
   #Structured Supplier portal
   ========================================================================== */
/*
---
name: Structured Supplier portal
category: 03 - Organisms
---

Normal
```supplier-portal.html
  <div class="c-layer" style="background-color: rgba(142,172,230,0.1); padding: 0 8rem;">
    <div class="c-structured-supplier-portal">
      <h2>Structured Portails supplier</h2>
      <div class="c-structured-supplier-portal__content o-grid">
        <div class="u-1/2">
          <div class="c-supplier-portal">
            <a class="c-video-item" href="#">
              <div class="c-video-item__image">
                <img src="https://via.placeholder.com/1200x900" />
                <div class="player">
                </div>
              </div>
            </a>
            <div class="c-supplier-portal__content">
              <a href="#">Link lorem ipsum</a>
              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida</p>
            </div>
          </div>
        </div>
        <div class="u-1/2">
          <div class="c-supplier-portal">
            <a class="c-video-item" href="#">
              <div class="c-video-item__image">
                <img src="https://via.placeholder.com/1200x900" />
                <div class="player">
                </div>
              </div>
            </a>
            <div class="c-supplier-portal__content">
              <a href="#">Link lorem ipsum</a>
              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida</p>
            </div>
          </div>
        </div>
      </div>
      <button class="c-btn c-btn--see-more c-btn--full-width">
        Plus de portails
      </button>
    </div>
  </div>
```

Without video
```supplier-portal-without-video.html
  <div class="c-layer" style="background-color: rgba(142,172,230,0.1); padding: 0 8rem;">
    <div class="c-structured-supplier-portal">
      <h2>Structured Portails supplier</h2>
      <div class="c-structured-supplier-portal__content o-grid">
        <div class="u-1/2">
          <div class="c-supplier-portal">
            <div class="c-supplier-portal__content">
              <a href="#">Link lorem ipsum</a>
              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida</p>
            </div>
          </div>
        </div>
        <div class="u-1/2">
          <div class="c-supplier-portal">
            <div class="c-supplier-portal__content">
              <a href="#">Link lorem ipsum</a>
              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida</p>
            </div>
          </div>
        </div>
      </div>
      <button class="c-btn c-btn--see-more c-btn--full-width">
        Plus de portails
      </button>
    </div>
  </div>
```

Dark
```supplier-portal-dark.html
  <div class="c-layer" style="background: linear-gradient(51.51deg, #02143A 0%, #070E1D 100%); padding: 0 8rem;">
    <div class="c-structured-supplier-portal c-structured-supplier-portal--dark">
      <h2>Portails supplier</h2>
      <div class="c-structured-supplier-portal__content o-grid">
        <div class="u-1/2">
          <div class="c-supplier-portal">
            <a class="c-video-item" href="#">
              <div class="c-video-item__image">
                <img src="https://via.placeholder.com/1200x900" />
                <div class="player">
                </div>
              </div>
            </a>
            <div class="c-supplier-portal__content">
              <a href="#">Link lorem ipsum</a>
              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida</p>
            </div>
          </div>
        </div>
        <div class="u-1/2">
          <div class="c-supplier-portal">
            <div class="c-supplier-portal__content">
              <a href="#">Link lorem ipsum</a>
              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida</p>
            </div>
          </div>
        </div>
      </div>
      <button class="c-btn c-btn--see-more c-btn--see-more--dark c-btn--full-width">
        Plus de portails
      </button>
    </div>
  </div>
```
*/
.c-structured-supplier-portal
{
    padding-bottom: 0;
}
@media (max-width: 63.99em)
{
    .c-structured-supplier-portal
    {
        padding-top: 4rem;
    }
}
.c-structured-supplier-portal__content
{
    padding-bottom: 5rem;
}
@media (max-width: 63.99em)
{
    .c-structured-supplier-portal__content
    {
        padding-bottom: 0rem;
    }
}
.c-structured-supplier-portal .c-quick-link
{
    padding: 4rem;

    border: none; 
    background-color: #fff;
}
.c-structured-supplier-portal .c-quick-link:hover
{
    box-shadow: 0 .8rem 1.3rem 0 rgba(59, 135, 204, .2);
}
.c-structured-supplier-portal__item-wrapper
{
    padding: 0 .4rem; 
    padding-top: 3rem;
}
.c-structured-supplier-portal h2
{
    margin-bottom: 4rem;
}
@media (max-width: 63.99em)
{
    .c-structured-supplier-portal h2
    {
        font-size: 2.4rem; 

        margin-bottom: 2.5rem;
    }
}
.c-structured-supplier-portal--dark h2
{
    color: #fff;
}
.c-structured-supplier-portal__button-container
{
    margin-right: -8rem;
    margin-left: -8rem;
}
@media (max-width: 63.99em)
{
    .c-structured-supplier-portal__button-container
    {
        margin-right: -4rem;
        margin-left: -4rem;
    }
}
@media (max-width: 47.99em)
{
    .c-structured-supplier-portal__button-container
    {
        margin-right: -2rem;
        margin-left: -2rem;
    }
}
@media (max-width: 29.99em)
{
    .c-structured-supplier-portal__button-container
    {
        margin-right: -2rem;
        margin-left: -2rem;
    }
}

/* ==========================================================================
   #Structured bordered section
   ========================================================================== */
/*
---
name: Structured bordered section
category: 03 - Organisms
---

Normal
```structured-bordered-section.html
<div class="c-structured-bordered-section c-structured-bordered-section--dark">

  <div class="c-layer c-layer--no-v-padding">

    <div class="c-bordered-section">
      <h2>Any question about Safran Electronics & Defense?</h2>
      <div class="c-btn c-btn--primary c-btn--icon">
        Contact us
      </div>
    </div>

  </div>

</div>
```

Dark
```
  <div class="c-structured-bordered-section c-structured-bordered-section--dark">

    <div class="c-layer c-layer--no-v-padding">

      <div class="c-bordered-section c-bordered-section--dark">
        <h2>Any question about Safran Electronics & Defense?</h2>
        <div class="c-btn c-btn--primary c-btn--icon">
          Contact us
        </div>
      </div>

    </div>

  </div>
```

*/
.c-structured-bordered-section
{
    padding: 8rem;
}
.c-structured-bordered-section .c-btn
{
    max-width: 50rem;
    padding-right: 4rem; 
    padding-left: 4rem;
}
@media (max-width: 63.99em)
{
    .c-structured-bordered-section .c-btn
    {
        max-width: none;
    }
}
.c-structured-bordered-section .c-btn + .c-btn
{
    margin-left: 2.5rem;
}
@media (max-width: 63.99em)
{
    .c-structured-bordered-section
    {
        padding: 2rem 1rem;
    }
    .c-structured-bordered-section .c-btn + .c-btn
    {
        margin-top: 1.5rem;
        margin-left: 0;
    }
}
.c-structured-bordered-section .c-btn--simple-offers
{
    width: 278px;
    margin: 0 auto;
}
.c-structured-bordered-section--no-title .c-btn
{
    margin-top: 0;
}
.c-structured-bordered-section--no-title .c-btn + .c-btn
{
    margin-left: 7.5rem;
}
@media (max-width: 63.99em)
{
    .c-structured-bordered-section--no-title .c-btn + .c-btn
    {
        margin-top: 1.5rem;
        margin-left: 0;
    }
}

@media (max-width: 87.5em)
{
    .c-structured-bordered-section
    {
        padding: 4rem;
    }
}

@media (max-width: 48em)
{
    .c-structured-bordered-section
    {
        padding: 4rem 2rem;
    }
    .c-structured-bordered-section .c-btn--simple-offers
    {
        width: 100%;
    }
}

/* ==========================================================================
   #Structured credits
   ========================================================================== */
/*
---
name: Structured credits
category: 03 - Organisms
---

Normal
```structured-credits.html
  <div class="c-structured-credits">

    <div class="c-layer c-layer--no-v-padding">

      <div class="c-credits js-credits">
        <button type="button">
            Credits
            <svg viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
                <g>
                    <path d="M12 13.9433L5.05665 7L4 8.05665L12 16.0567L20 8.05665L18.9433 7L12 13.9433Z" fill="#1B1D27"/>
                </g>
            </svg>                      
        </button>
        <ul class="c-credits__list">
            <li>© Pierre Soissons / Safran</li>
            <li>© ugurhan / Istock</li>
            <li>© TommL / Istock</li>
            <li>© JohnnyGreig / Istock</li>
            <li>© Cyril Abad / CAPA Pictures / Safran</li>
            <li>© Cyril Abad / CAPA Pictures / Safran</li>
            <li>© Cyril Abad / CAPA Pictures / Safran</li>
            <li>© Abdellah Azizi / CAPA Pictures / Safran</li>
            <li>© Abdellah Azizi / CAPA Pictures / Safran</li>
            <li>© Abdellah Azizi / CAPA Pictures / Safran</li>
            <li>© Cyril Abad / CAPA Pictures / Safran</li>
            <li>© Pierre Soissons / Safran</li>
            <li>© Alex Ojeda / CAPA Pictures / Safran</li>
            <li>© Pierre Soissons / Safran</li>
            <li>© Pierre Soissons / Safran</li>
            <li>© Pierre Soissons / Safran</li>
            <li>© Pierre Soissons / Safran</li>
            <li>© Pierre Soissons / Safran</li>
            <li>© Hermann Bredehorst / CAPA Pictures / Safran</li>
            <li>© Hermann Bredehorst / CAPA Pictures / Safran</li>
            <li>© Eric Forterre / Safran</li>
            <li>© Pierre Soissons / Safran</li>
            <li>© Pierre Soissons / Safran</li>
            <li>© Abdellah Azizi / CAPA Pictures / Safran</li>
        </ul>
      </div>

    </div>

  </div>
```

Dark
```structured-credits-dark.html
  <div class="c-structured-credits c-structured-credits--dark">

    <div class="c-layer c-layer--no-v-padding">

      <div class="c-credits c-credits--dark js-credits">
        <button type="button">
            Credits
            <svg viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
                <g>
                    <path d="M12 13.9433L5.05665 7L4 8.05665L12 16.0567L20 8.05665L18.9433 7L12 13.9433Z" fill="#1B1D27"/>
                </g>
            </svg>                      
        </button>
        <ul class="c-credits__list">
            <li>© Pierre Soissons / Safran</li>
            <li>© ugurhan / Istock</li>
            <li>© TommL / Istock</li>
            <li>© JohnnyGreig / Istock</li>
            <li>© Cyril Abad / CAPA Pictures / Safran</li>
            <li>© Cyril Abad / CAPA Pictures / Safran</li>
            <li>© Cyril Abad / CAPA Pictures / Safran</li>
            <li>© Abdellah Azizi / CAPA Pictures / Safran</li>
            <li>© Abdellah Azizi / CAPA Pictures / Safran</li>
            <li>© Abdellah Azizi / CAPA Pictures / Safran</li>
            <li>© Cyril Abad / CAPA Pictures / Safran</li>
            <li>© Pierre Soissons / Safran</li>
            <li>© Alex Ojeda / CAPA Pictures / Safran</li>
            <li>© Pierre Soissons / Safran</li>
            <li>© Pierre Soissons / Safran</li>
            <li>© Pierre Soissons / Safran</li>
            <li>© Pierre Soissons / Safran</li>
            <li>© Pierre Soissons / Safran</li>
            <li>© Hermann Bredehorst / CAPA Pictures / Safran</li>
            <li>© Hermann Bredehorst / CAPA Pictures / Safran</li>
            <li>© Eric Forterre / Safran</li>
            <li>© Pierre Soissons / Safran</li>
            <li>© Pierre Soissons / Safran</li>
            <li>© Abdellah Azizi / CAPA Pictures / Safran</li>
        </ul>
      </div>

    </div>

  </div>
```

*/
.c-structured-credits
{
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.c-structured-credits--dark
{
    background-color: #070e1d;
}

/* ==========================================================================
   #Structured Spotlight section
   ========================================================================== */
/*
---
name: Structured Spotlight section
category: 03 - Organisms
---

### Default
```structured-spolight-section.html
    <div class="c-structured-spotlight-section">
        <div class="c-spotlight-section c-layer right">
            <div class="c-spotlight-section__image">
            <img src="https://via.placeholder.com/1200x900" />
            </div>
            <div class="c-spotlight-section__content">
            <h2>Des nouveaux alliages métalliques plus performants</h2>
            <p>Le TiAl, alliage de titane et d\'aluminium, est un matériau de nouvelle génération extrêmement performant : résistant à de hautes températures (750°C), il permet de diviser par deux la masse.</p>
            <a class="c-btn c-btn--primary" href="#">Button</a>
            </div>
        </div>
        <div class="c-spotlight-section c-layer left">
            <div class="c-spotlight-section__image">
            <img src="https://via.placeholder.com/1200x900" />
            </div>
            <div class="c-spotlight-section__content">
            <h2>Des nouveaux alliages métalliques plus performants</h2>
            <p>Le TiAl, alliage de titane et d\'aluminium, est un matériau de nouvelle génération extrêmement performant : résistant à de hautes températures (750°C), il permet de diviser par deux la masse.</p>
            <a class="c-btn c-btn--primary" href="#">Button</a>
            </div>
        </div>
        <div class="c-spotlight-section c-layer right">
            <div class="c-spotlight-section__image">
            <img src="https://via.placeholder.com/1200x900" />
            </div>
            <div class="c-spotlight-section__content">
            <h2>Des nouveaux alliages métalliques plus performants</h2>
            <p>Le TiAl, alliage de titane et d\'aluminium, est un matériau de nouvelle génération extrêmement performant : résistant à de hautes températures (750°C), il permet de diviser par deux la masse.</p>
            <a class="c-btn c-btn--primary" href="#">Button</a>
            </div>
        </div>
    </div>
```

*/
.c-structured-spotlight-section h2
{
    margin-bottom: 0;
}

.c-structured-spotlight-section .c-subtitle
{
    margin-bottom: -1.5rem;
}
@media (min-width: 48em)
{
    .c-structured-spotlight-section .c-subtitle
    {
        margin: 0 !important;
        margin-bottom: 4rem !important;
    }
}

.c-structured-spotlight-section .c-rte
{
    margin-top: 8rem;
}

.c-structured-spotlight-section .padding-top
{
    padding-top: 8rem !important;
}

.c-structured-spotlight-section .padding-bottom
{
    padding-bottom: 8rem !important;
}

@media (max-width: 87.5em)
{
    .c-structured-spotlight-section .c-rte
    {
        margin-top: 4rem;
    }
    .c-structured-spotlight-section .padding-top
    {
        padding-top: 4rem !important;
    }
    .c-structured-spotlight-section .padding-bottom
    {
        padding-bottom: 4rem !important;
    }
}

@media (max-width: 64em)
{
    .c-structured-spotlight-section
    {
        /*
    .c-layer {
      padding-top: 0;
      padding-bottom: 0;
    }
    */
    }
    .c-structured-spotlight-section .c-subtitle
    {
        margin-top: 4rem;
        margin-bottom: 0;
    }
    .c-structured-spotlight-section--big-responsive-padding
    {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
}

@media (max-width: 48em)
{
    .c-structured-spotlight-section .c-layer
    {
        padding-top: 0;
        padding-bottom: 0;
    }
    .c-structured-spotlight-section .padding-top
    {
        padding-top: 2rem !important;
    }
    .c-structured-spotlight-section .padding-bottom
    {
        padding-bottom: 2rem !important;
    }
}

/* ==========================================================================
   #Structured List Download Document
   ========================================================================== */
/*
---
name: Structured list download document
category: 03 - Organisms
---

### Normal
```structured-list-download-documents.html
  <div class="c-structured-list-download-documents">
    <div class="c-layer c-structured-list-download-documents__content">
      <span class="c-subtitle title">legal hr documents</span>
      <ul class="list js-see-more-container">
        <li class="c-download-document-item">
          <p>Download lorem ipsum dolor sit amet figilla denum ipsum dolor sit amet</p>
          <a class="c-download-file" href="#" download>
            <div>
              <div class="c-cta">Download</div>
              <div class="c-caption c-caption__small">(PDF, 3.56mb)</div>
            </div>
          </a>
        </li>
        <li class="c-download-document-item">
          <p>Download lorem ipsum dolor sit amet figilla denum ipsum dolor sit amet</p>
          <a class="c-download-file" href="#" download>
            <div>
              <div class="c-cta">Download</div>
              <div class="c-caption c-caption__small">(PDF, 3.56mb)</div>
            </div>
          </a>
        </li>
      </ul>
    </div>
    <button class="c-btn c-btn--see-more c-btn--full-width">
      See All documents
    </button>
  </div>
```

### Dark
```structured-list-download-documents-dark.html
  <div class="u-bg--dark" style="padding: 2rem;">
    <div class="c-structured-list-download-documents c-structured-list-download-documents--dark">
      <div class="c-layer c-structured-list-download-documents__content">
        <span class="c-subtitle c-subtitle--dark title">legal hr documents</span>
        <ul class="list js-see-more-container">
          <li class="c-download-document-item c-download-document-item--dark">
            <p>Download lorem ipsum dolor sit amet figilla denum ipsum dolor sit amet</p>
            <a class="c-download-file c-download-file--dark" href="#" download>
              <div>
                <div class="c-cta c-cta--dark">Download</div>
                <div class="c-caption c-caption--dark c-caption__small">(PDF, 3.56mb)</div>
              </div>
            </a>
          </li>
          <li class="c-download-document-item c-download-document-item--dark">
            <p>Download lorem ipsum dolor sit amet figilla denum ipsum dolor sit amet</p>
            <a class="c-download-file c-download-file--dark" href="#" download>
              <div>
                <div class="c-cta c-cta--dark">Download</div>
                <div class="c-caption c-caption--dark c-caption__small">(PDF, 3.56mb)</div>
              </div>
            </a>
          </li>
        </ul>
      </div>
      <button class="c-btn c-btn--see-more c-btn--full-width c-btn--see-more--dark">
        See All documents
      </button>
    </div>
  </div>
```

*/
.c-structured-list-download-documents
{
    background-color: #fff;
}
.c-structured-list-download-documents--no-load-more-btn
{
    padding-bottom: 8rem;
}
@media (max-width: 87.49em)
{
    .c-structured-list-download-documents--no-load-more-btn
    {
        padding-bottom: 4rem;
    }
}
.c-structured-list-download-documents--padding-bottom
{
    padding-bottom: 4rem;
}
@media (min-width: 87.5em)
{
    .c-structured-list-download-documents--padding-bottom
    {
        padding-bottom: 8rem;
    }
}
.c-structured-list-download-documents__title
{
    padding-bottom: 8rem; 

    text-align: center;
}
@media (max-width: 63.99em)
{
    .c-structured-list-download-documents__title
    {
        padding-top: 2rem;
        padding-bottom: 2rem;

        text-align: left;
    }
}
@media (max-width: 47.99em)
{
    .c-structured-list-download-documents__title
    {
        padding-top: 2rem;
        padding-right: 2rem;
    }
}
.c-structured-list-download-documents__desc
{
    margin: 0 auto;
}
@media (max-width: 63.99em)
{
    .c-structured-list-download-documents__desc
    {
        max-width: 85rem; 
        padding-bottom: 3rem;
    }
}
@media (min-width: 64em)
{
    .c-structured-list-download-documents__desc
    {
        width: 59vw; 
        margin-top: -4rem;
        padding-bottom: 8rem;

        text-align: center;
    }
}
.c-structured-list-download-documents__content
{
    padding-bottom: 0;
}
.c-structured-list-download-documents__content .list
{
    overflow: hidden;

    margin: 0;

    transition: max-height .4s;
}
@media (min-width: 64em)
{
    .c-structured-list-download-documents__content .list
    {
        padding-right: 8rem;
        padding-left: 8rem;
    }
}
.c-structured-list-download-documents .c-layer
{
    padding-bottom: 0;
}
.c-structured-list-download-documents__button-container
{
    margin-top: -.1rem;
    margin-right: -8rem;
    margin-left: -8rem;
}
.c-structured-list-download-documents__button-container .c-btn
{
    background-color: #fff;
}
@media (max-width: 63.99em)
{
    .c-structured-list-download-documents__button-container
    {
        margin-right: -4rem;
        margin-left: -4rem;
    }
}
@media (max-width: 47.99em)
{
    .c-structured-list-download-documents__button-container
    {
        margin-right: -2rem;
        margin-left: -2rem;
    }
}
@media (max-width: 29.99em)
{
    .c-structured-list-download-documents__button-container
    {
        margin-right: -2rem;
        margin-left: -2rem;
    }
}

.finance-essentials .c-structured-list-download-documents .c-layer
{
    padding-bottom: 8rem;
}

@media (max-width: 87.5em)
{
    .finance-essentials .c-structured-list-download-documents .c-layer
    {
        padding-bottom: 4rem;
    }
}

/* ==========================================================================
   #Structured key numbers
   ========================================================================== */
@media (max-width: 30em)
{
    .c-structured-key-numbers
    {
        padding: 4rem 2rem;
    }
}
@media screen and (max-width: 30em) and (-ms-high-contrast: active), (max-width: 30em) and (-ms-high-contrast: none)
{
    .c-structured-key-numbers
    {
        padding-top: 7rem;
    }
}

@media (max-width: 30em)
{
    .c-structured-key-numbers--big-padding-bottom
    {
        padding-bottom: 4rem;
    }
}

@media (max-width: 63.99em)
{
    .c-structured-key-numbers--no-responsive-padding-top
    {
        padding-top: 0;
    }
}

.c-structured-key-numbers__title
{
    margin-bottom: 4rem;
}
@media (max-width: 63.99em)
{
    .c-structured-key-numbers__title
    {
        margin-bottom: 0;
    }
}

.c-structured-key-numbers__content
{
    display: flex;

    justify-content: space-around;
}
@media (max-width: 63.99em)
{
    .c-structured-key-numbers__content
    {
        flex-direction: column;
    }
}

@media (max-width: 63.99em)
{
    .c-structured-key-numbers .c-key-number--single
    {
        padding-top: 0;
    }
}

@media (max-width: 47.99em)
{
    .c-structured-key-numbers.c-layer
    {
        padding: 4rem 2rem;
    }
    .c-structured-key-numbers .c-key-number
    {
        flex: 1 1 33.33%;
    }
    .c-structured-key-numbers .c-key-number--single
    {
        flex-basis: 100%;
    }
}

/* ==========================================================================
   #Structured products services
   ========================================================================== */
/*
---
name: Structured products and services
category: 03 - Organisms
---

### Default
```structured-products-services.html
  <div class="c-structured-products-services">

    <div class="c-slider ">

      <div class="c-slider__head  ">
        <div class="c-slider__title ">Product &amp; services</div>
        <div class="c-slider__controls">
          <div class="c-slider__progress js-slider-progress" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="16.666666666666664" style="background-size: 16.6667% 100%;"></div>
          <div class="js-slider-prev">
            <i class="c-slider__icon icon-previous"></i>
          </div>
          <div class="js-slider-next">
            <i class="c-slider__icon icon-next"></i>
          </div>
        </div>
      </div>
      <div class="tns-outer" id="tns1-ow">
        <div class="tns-liveregion tns-visually-hidden" aria-live="polite" aria-atomic="true">slide
          <span class="current">4 to 10</span>
          of 7</div>
        <div id="tns1-mw" class="tns-ovh">
          <div class="tns-inner" id="tns1-iw">
            <div class="js-slider  tns-slider tns-carousel tns-subpixel tns-calc tns-horizontal" data-number="5" data-gutter="30" data-edgepadding="15" data-autowidth="" id="tns1" style="transform: translate3d(-14.8148%, 0px, 0px);">
              <div class="c-slider__slide-item tns-item" aria-hidden="true" tabindex="-1">

                <div class="c-product-card-item">
                  <div class="c-caption">Product</div>
                  <div class="c-introduction c-introduction--small">Système de cockpit VFX2100</div>
                  <div class="image" style="background-image: url('https://via.placeholder.com/1200x900')"></div>
                  <a href="#">Turbines pour hélicoptères et groupes auxiliaires de puissance</a>
                </div>
              </div>
              <div class="c-slider__slide-item tns-item" aria-hidden="true" tabindex="-1">

                <div class="c-product-card-item">
                  <div class="c-caption">Product</div>
                  <div class="c-introduction c-introduction--small">Système de cockpit VFX2100</div>
                  <div class="image" style="background-image: url('https://via.placeholder.com/1200x900')"></div>
                  <a href="#">Turbines pour hélicoptères et groupes auxiliaires de puissance</a>
                </div>
              </div>
              <div class="c-slider__slide-item tns-item" aria-hidden="true" tabindex="-1">

                <div class="c-product-card-item">
                  <div class="c-caption">Product</div>
                  <div class="c-introduction c-introduction--small">Système de cockpit VFX2100</div>
                  <div class="image" style="background-image: url('https://via.placeholder.com/1200x900')"></div>
                  <a href="#">Turbines pour hélicoptères et groupes auxiliaires de puissance</a>
                </div>
              </div>
              <div class="c-slider__slide-item tns-item tns-slide-active">

                <div class="c-product-card-item">
                  <div class="c-caption">Product</div>
                  <div class="c-introduction c-introduction--small">Système de cockpit VFX2100</div>
                  <div class="image" style="background-image: url('https://via.placeholder.com/1200x900')"></div>
                  <a href="#">Turbines pour hélicoptères et groupes auxiliaires de puissance</a>
                </div>
              </div>
              <div class="c-slider__slide-item tns-item tns-slide-active">

                <div class="c-product-card-item">
                  <div class="c-caption">Product</div>
                  <div class="c-introduction c-introduction--small">Commande de vol Trianum</div>
                  <div class="image" style="background-image: url('https://via.placeholder.com/1200x900')"></div>
                  <a href="#">Navigation aéronautique et spatiale et capteurs</a>
                </div>
              </div>
              <div class="c-slider__slide-item tns-item tns-slide-active">

                <div class="c-product-card-item">
                  <div class="c-caption">Product</div>
                  <div class="c-introduction c-introduction--small">Senseurs XYZ</div>
                  <div class="image" style="background-image: url('https://via.placeholder.com/1200x900')"></div>
                  <a href="#">Navigation aéronautique et spatiale et capteurs</a>
                </div>
              </div>
              <div class="c-slider__slide-item tns-item tns-slide-active">

                <div class="c-product-card-item">
                  <div class="c-caption">Product</div>
                  <div class="c-introduction c-introduction--small">Commande de pilotage XYZ</div>
                  <div class="image" style="background-image: url('https://via.placeholder.com/1200x900')"></div>
                  <a href="#">Navigation aéronautique et spatiale et capteurs</a>
                </div>
              </div>
              <div class="c-slider__slide-item tns-item tns-slide-active">

                <div class="c-product-card-item">
                  <div class="c-caption">Product</div>
                  <div class="c-introduction c-introduction--small">Système de cockpit VFX2100</div>
                  <div class="image" style="background-image: url('https://via.placeholder.com/1200x900')"></div>
                  <a href="#">Turbines pour hélicoptères et groupes auxiliaires de puissance</a>
                </div>
              </div>
              <div class="c-slider__slide-item tns-item tns-slide-active">

                <div class="c-product-card-item">
                  <div class="c-caption">Product</div>
                  <div class="c-introduction c-introduction--small">Système de cockpit VFX2100</div>
                  <div class="image" style="background-image: url('https://via.placeholder.com/1200x900')"></div>
                  <a href="#">Turbines pour hélicoptères et groupes auxiliaires de puissance</a>
                </div>
              </div>
              <div class="c-slider__slide-item tns-item tns-slide-active">

                <div class="c-product-card-item">
                  <div class="c-caption">Product</div>
                  <div class="c-introduction c-introduction--small">Système de cockpit VFX2100</div>
                  <div class="image" style="background-image: url('https://via.placeholder.com/1200x900')"></div>
                  <a href="#">Turbines pour hélicoptères et groupes auxiliaires de puissance</a>
                </div>
              </div>

              <div class="c-slider__slide-item tns-item" id="tns1-item0" aria-hidden="true" tabindex="-1">

                <div class="c-product-card-item">
                  <div class="c-caption">Product</div>
                  <div class="c-introduction c-introduction--small">Système de cockpit VFX2100</div>
                  <div class="image" style="background-image: url('https://via.placeholder.com/1200x900')"></div>
                  <a href="#">Turbines pour hélicoptères et groupes auxiliaires de puissance</a>
                </div>
              </div>
              <div class="c-slider__slide-item tns-item" id="tns1-item1" aria-hidden="true" tabindex="-1">

                <div class="c-product-card-item">
                  <div class="c-caption">Product</div>
                  <div class="c-introduction c-introduction--small">Commande de vol Trianum</div>
                  <div class="image" style="background-image: url('https://via.placeholder.com/1200x900')"></div>
                  <a href="#">Navigation aéronautique et spatiale et capteurs</a>
                </div>
              </div>
              <div class="c-slider__slide-item tns-item" id="tns1-item2" aria-hidden="true" tabindex="-1">

                <div class="c-product-card-item">
                  <div class="c-caption">Product</div>
                  <div class="c-introduction c-introduction--small">Senseurs XYZ</div>
                  <div class="image" style="background-image: url('https://via.placeholder.com/1200x900')"></div>
                  <a href="#">Navigation aéronautique et spatiale et capteurs</a>
                </div>
              </div>
              <div class="c-slider__slide-item tns-item" id="tns1-item3" aria-hidden="true" tabindex="-1">

                <div class="c-product-card-item">
                  <div class="c-caption">Product</div>
                  <div class="c-introduction c-introduction--small">Commande de pilotage XYZ</div>
                  <div class="image" style="background-image: url('https://via.placeholder.com/1200x900')"></div>
                  <a href="#">Navigation aéronautique et spatiale et capteurs</a>
                </div>
              </div>
              <div class="c-slider__slide-item tns-item" id="tns1-item4" aria-hidden="true" tabindex="-1">

                <div class="c-product-card-item">
                  <div class="c-caption">Product</div>
                  <div class="c-introduction c-introduction--small">Système de cockpit VFX2100</div>
                  <div class="image" style="background-image: url('https://via.placeholder.com/1200x900')"></div>
                  <a href="#">Turbines pour hélicoptères et groupes auxiliaires de puissance</a>
                </div>
              </div>
              <div class="c-slider__slide-item tns-item" id="tns1-item5" aria-hidden="true" tabindex="-1">

                <div class="c-product-card-item">
                  <div class="c-caption">Product</div>
                  <div class="c-introduction c-introduction--small">Système de cockpit VFX2100</div>
                  <div class="image" style="background-image: url('https://via.placeholder.com/1200x900')"></div>
                  <a href="#">Turbines pour hélicoptères et groupes auxiliaires de puissance</a>
                </div>
              </div>
              <div class="c-slider__slide-item tns-item" id="tns1-item6" aria-hidden="true" tabindex="-1">

                <div class="c-product-card-item">
                  <div class="c-caption">Product</div>
                  <div class="c-introduction c-introduction--small">Système de cockpit VFX2100</div>
                  <div class="image" style="background-image: url('https://via.placeholder.com/1200x900')"></div>
                  <a href="#">Turbines pour hélicoptères et groupes auxiliaires de puissance</a>
                </div>
              </div>

              <div class="c-slider__slide-item tns-item" aria-hidden="true" tabindex="-1">

                <div class="c-product-card-item">
                  <div class="c-caption">Product</div>
                  <div class="c-introduction c-introduction--small">Système de cockpit VFX2100</div>
                  <div class="image" style="background-image: url('https://via.placeholder.com/1200x900')"></div>
                  <a href="#">Turbines pour hélicoptères et groupes auxiliaires de puissance</a>
                </div>
              </div>
              <div class="c-slider__slide-item tns-item" aria-hidden="true" tabindex="-1">

                <div class="c-product-card-item">
                  <div class="c-caption">Product</div>
                  <div class="c-introduction c-introduction--small">Commande de vol Trianum</div>
                  <div class="image" style="background-image: url('https://via.placeholder.com/1200x900')"></div>
                  <a href="#">Navigation aéronautique et spatiale et capteurs</a>
                </div>
              </div>
              <div class="c-slider__slide-item tns-item" aria-hidden="true" tabindex="-1">

                <div class="c-product-card-item">
                  <div class="c-caption">Product</div>
                  <div class="c-introduction c-introduction--small">Senseurs XYZ</div>
                  <div class="image" style="background-image: url('https://via.placeholder.com/1200x900')"></div>
                  <a href="#">Navigation aéronautique et spatiale et capteurs</a>
                </div>
              </div>
              <div class="c-slider__slide-item tns-item" aria-hidden="true" tabindex="-1">

                <div class="c-product-card-item">
                  <div class="c-caption">Product</div>
                  <div class="c-introduction c-introduction--small">Commande de pilotage XYZ</div>
                  <div class="image" style="background-image: url('https://via.placeholder.com/1200x900')"></div>
                  <a href="#">Navigation aéronautique et spatiale et capteurs</a>
                </div>
              </div>
              <div class="c-slider__slide-item tns-item" aria-hidden="true" tabindex="-1">

                <div class="c-product-card-item">
                  <div class="c-caption">Product</div>
                  <div class="c-introduction c-introduction--small">Système de cockpit VFX2100</div>
                  <div class="image" style="background-image: url('https://via.placeholder.com/1200x900')"></div>
                  <a href="#">Turbines pour hélicoptères et groupes auxiliaires de puissance</a>
                </div>
              </div>
              <div class="c-slider__slide-item tns-item" aria-hidden="true" tabindex="-1">

                <div class="c-product-card-item">
                  <div class="c-caption">Product</div>
                  <div class="c-introduction c-introduction--small">Système de cockpit VFX2100</div>
                  <div class="image" style="background-image: url('https://via.placeholder.com/1200x900')"></div>
                  <a href="#">Turbines pour hélicoptères et groupes auxiliaires de puissance</a>
                </div>
              </div>
              <div class="c-slider__slide-item tns-item" aria-hidden="true" tabindex="-1">

                <div class="c-product-card-item">
                  <div class="c-caption">Product</div>
                  <div class="c-introduction c-introduction--small">Système de cockpit VFX2100</div>
                  <div class="image" style="background-image: url('https://via.placeholder.com/1200x900')"></div>
                  <a href="#">Turbines pour hélicoptères et groupes auxiliaires de puissance</a>
                </div>
              </div>
              <div class="c-slider__slide-item tns-item" aria-hidden="true" tabindex="-1">

                <div class="c-product-card-item">
                  <div class="c-caption">Product</div>
                  <div class="c-introduction c-introduction--small">Système de cockpit VFX2100</div>
                  <div class="image" style="background-image: url('https://via.placeholder.com/1200x900')"></div>
                  <a href="#">Turbines pour hélicoptères et groupes auxiliaires de puissance</a>
                </div>
              </div>
              <div class="c-slider__slide-item tns-item" aria-hidden="true" tabindex="-1">

                <div class="c-product-card-item">
                  <div class="c-caption">Product</div>
                  <div class="c-introduction c-introduction--small">Commande de vol Trianum</div>
                  <div class="image" style="background-image: url('https://via.placeholder.com/1200x900')"></div>
                  <a href="#">Navigation aéronautique et spatiale et capteurs</a>
                </div>
              </div>
              <div class="c-slider__slide-item tns-item" aria-hidden="true" tabindex="-1">

                <div class="c-product-card-item">
                  <div class="c-caption">Product</div>
                  <div class="c-introduction c-introduction--small">Senseurs XYZ</div>
                  <div class="image" style="background-image: url('https://via.placeholder.com/1200x900')"></div>
                  <a href="#">Navigation aéronautique et spatiale et capteurs</a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="c-layer c-layer--no-v-padding">

      <div class="c-structured-products-services__link-container">
        <button class="c-btn c-btn--arrow-btn" href="#">See all Safran electronics &amp; defense products</button>
      </div>

    </div>

  </div>
```

*/
.c-structured-products-services
{
    padding-bottom: 2rem;
}
@media (max-width: 64em)
{
    .c-structured-products-services
    {
        padding-bottom: 2rem;
    }
    .c-structured-products-services .c-slider
    {
        padding-top: 4rem;
    }
}
@media (max-width: 64em) and (max-width: 47.99em)
{
    .c-structured-products-services .c-slider
    {
        padding-bottom: 6rem;
    }
}
.c-structured-products-services__link-container
{
    text-align: right;
}
@media (max-width: 63.99em)
{
    .c-structured-products-services__link-container
    {
        padding-right: 4rem; 

        text-align: center;
    }
    .c-structured-products-services__link-container .c-btn
    {
        font-size: 1.2rem;
        line-height: 1.33; 

        display: inline-flex;

        padding-bottom: 2rem;
    }
}
@media (max-width: 47.99em)
{
    .c-structured-products-services__link-container
    {
        padding-right: 0;
    }
}

/* ==========================================================================
   #Structured expertise section
   ========================================================================== */
.c-structured-expertise-section
{
    position: relative;
}
@media (max-width: 63.99em)
{
    .c-structured-expertise-section
    {
        padding-bottom: 8rem;
    }
}
.c-structured-expertise-section--float-cards::before
{
    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 5.6rem;
    margin-bottom: -.1rem;

    content: ''; 

    background-color: #fff;
}
@media (max-width: 63.99em)
{
    .c-structured-expertise-section--float-cards::before
    {
        display: none;
    }
}
.c-structured-expertise-section__big
{
    display: flex;

    padding-top: 2rem; 

    justify-content: center;
}
@media (max-width: 63.99em)
{
    .c-structured-expertise-section__big
    {
        display: block;

        padding-top: 1rem;
    }
}
.c-structured-expertise-section__big__3-cards
{
    padding-top: 0;
}
.c-structured-expertise-section__expertise-wrapper
{
    width: 33.333333333%;
}
@media (max-width: 63.99em)
{
    .c-structured-expertise-section__expertise-wrapper
    {
        width: 100%;
    }
}
.c-structured-expertise-section__small
{
    margin: 0 -.85rem;
}
.c-structured-expertise-section__small--small-margin-top
{
    margin-top: .7rem !important;
}
@media (max-width: 63.99em)
{
    .c-structured-expertise-section__small--small-margin-top
    {
        margin-top: 0 !important;
    }
}
.c-structured-expertise-section__small > *
{
    padding: 0 .85rem;
}

@media (max-width: 63.99em)
{
    .c-unity-activities + .c-unity-activities .c-structured-expertise-section,
    .c-unity-activities + .c-unity-activities .c-layer
    {
        margin-top: -8rem; 
        padding-top: 0;
    }
}

/* ==========================================================================
   #Structured expertise cards
   ========================================================================== */
.c-structured-expertise-cards .c-subtitle
{
    margin-bottom: 2.5rem; 
    padding-top: 6rem;
    padding-left: 2rem;
}

.c-structured-expertise-cards .c-slider
{
    padding: 4rem 0 2rem 2rem;
}
@media (min-width: 48em)
{
    .c-structured-expertise-cards .c-slider
    {
        padding: 4rem 0 4rem 4rem;
    }
}
@media (min-width: 87.5em)
{
    .c-structured-expertise-cards .c-slider
    {
        padding: 8rem 0 8rem 8rem;
    }
}
.c-structured-expertise-cards .c-slider__slide-item
{
    padding: 4rem 2rem 0 2rem;
}
@media (max-width: 63.99em)
{
    .c-structured-expertise-cards .c-slider__slider-object-container
    {
        margin-bottom: 0;
    }
}

@media (max-width: 47.99em)
{
    .c-structured-expertise-cards
    {
        margin-bottom: -1rem;
    }
}

.c-structured-expertise-cards__desktop-version
{
    display: none;
}
@media (min-width: 48em)
{
    .c-structured-expertise-cards__desktop-version
    {
        display: block;
    }
}

.c-structured-expertise-cards__responsive-version--white
{
    background-color: #fff;
}

@media (min-width: 48em)
{
    .c-structured-expertise-cards__responsive-version
    {
        display: none;
    }
}

.c-structured-expertise-cards__responsive-load-more-button-container
{
    margin-top: -.1rem;
}
.c-structured-expertise-cards__responsive-load-more-button-container .c-btn
{
    font-size: 1.4rem; 

    background-color: #fff;
}

@media (max-width: 30em)
{
    .c-structured-expertise-cards .c-subtitle
    {
        padding-top: 4rem;
    }
}

.c-structured-page-intro
{
    position: relative;
}
.alternative_homepage .c-structured-page-intro
{
    padding: 0 2rem;
}
.c-structured-page-intro__container
{
    padding: 2rem;
    padding-top: 14.25rem;
}
@media (min-width: 64em)
{
    .c-structured-page-intro__container
    {
        padding: 8rem;
    }
}
@media (min-width: 64em)
{
    .c-structured-page-intro
    {
        padding: 8rem;
    }
    .alternative_homepage .c-structured-page-intro .c-structured-page-intro__container
    {
        padding: 1rem 8rem 2rem;
    }
}
@media (max-width: 87.5em)
{
    .c-structured-page-intro
    {
        padding: 4rem;
    }
    .alternative_homepage .c-structured-page-intro
    {
        padding: 4rem 2rem;
    }
    .alternative_homepage .c-structured-page-intro .c-structured-page-intro__container
    {
        padding: 0 2rem;
    }
}
@media (max-width: 48em)
{
    .c-structured-page-intro
    {
        padding: 4rem 2rem;
    }
    .alternative_homepage .c-structured-page-intro
    {
        padding: 0 2rem;
    }
    .alternative_homepage .c-structured-page-intro .c-structured-page-intro__container
    {
        padding: 0 2rem;
    }
}

/* ==========================================================================
   #Structured number and ordered list
   ========================================================================== */
@media (max-width: 63.99em)
{
    .c-structured-number-and-ordered-list
    {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
}

.c-structured-number-and-ordered-list__title
{
    margin-bottom: 8rem;
}
@media (max-width: 63.99em)
{
    .c-structured-number-and-ordered-list__title
    {
        font-size: 2.4rem;

        margin-bottom: 4rem;

        text-align: center;
    }
}

.c-structured-number-and-ordered-list__subtitle
{
    display: block;

    margin-bottom: 1rem;

    color: #525668;
}
@media (max-width: 63.99em)
{
    .c-structured-number-and-ordered-list__subtitle
    {
        font-size: 1.4rem; 

        margin-bottom: 1.5rem;
    }
}

.c-structured-number-and-ordered-list__number
{
    margin-bottom: 4rem;

    text-align: center;
}
@media (max-width: 63.99em)
{
    .c-structured-number-and-ordered-list__number
    {
        margin-bottom: 2.5rem;
    }
}

.c-structured-number-and-ordered-list__list
{
    display: flex;
}
.c-structured-number-and-ordered-list__list.o-grid
{
    margin: 0 -2rem;
}
@media (max-width: 63.99em)
{
    .c-structured-number-and-ordered-list__list.o-grid
    {
        margin: 0;
    }
}
.c-structured-number-and-ordered-list__list.o-grid > *
{
    padding: 0 2rem;
}
@media (max-width: 63.99em)
{
    .c-structured-number-and-ordered-list__list.o-grid > *
    {
        padding: 0;
    }
}
@media (max-width: 63.99em)
{
    .c-structured-number-and-ordered-list__list > *
    {
        padding: 0;
    }
}
@media (max-width: 63.99em)
{
    .c-structured-number-and-ordered-list__list > *:not(:last-child)
    {
        margin-top: 0;
        margin-bottom: 1.5rem;
    }
}

.c-structured-number-and-ordered-list__legend
{
    font-size: 1.3rem;
    line-height: 1.6rem;

    display: block;

    margin: 3rem 0 0; 

    letter-spacing: .05rem;

    color: #656a81;
}

/* ==========================================================================
   #Structured event cards
   ========================================================================== */
@media (max-width: 63.99em)
{
    .c-structured-event-cards
    {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
}

.c-structured-event-cards .c-slider
{
    margin: 0 !important; 
    padding: 0 !important;
    padding-left: 0 !important;
}
.c-structured-event-cards .c-slider__slide-item
{
    padding: 4rem 1.25rem 0 1.25rem;
    padding-top: 1.9rem !important;
}
@media (max-width: 63.99em)
{
    .c-structured-event-cards .c-slider__slide-item
    {
        padding-top: 2.5rem !important;
    }
}
@media (max-width: 63.99em)
{
    .c-structured-event-cards .c-slider__slider-object-container
    {
        margin-bottom: 0;
    }
}

.c-structured-event-cards__button
{
    display: flex;

    margin-top: 5.5rem;
    padding-left: 0; 

    justify-content: center;
}
@media (min-width: 64em)
{
    .c-structured-event-cards__button
    {
        margin-top: 6.5rem; 

        justify-content: flex-end;
    }
}
.c-structured-event-cards__button .c-btn
{
    padding-top: 0;
    padding-bottom: 0;
}

.c-structured-event-cards .c-event-card__month-year
{
    margin-top: .5rem;
}

.c-structured-event-cards .c-event-card__date-container:before
{
    top: 40%;

    transform: translateY(-45%);
}

@media (max-width: 63.99em)
{
    .c-event-card__event--text
    {
        margin-left: 0;
        padding: 0 2rem;
    }
}

@media (max-width: 47.99em)
{
    .c-structured-event-cards .c-slider__slide-item
    {
        padding: 4rem .75rem 0rem .75rem;
    }
    .c-structured-event-cards .c-slider__slide-item:first-child
    {
        padding: 4rem .75rem 0rem 2rem;
    }
}

@media (max-width: 29.99em)
{
    .finance-essentials .c-layer
    {
        padding: 4rem 2rem;
    }
}

/* ==========================================================================
   #Structured highlight menu
   ========================================================================== */
/*
---
name: Structured image items
category: 03 - Organisms
---

```structured-image-items.html
<div class="c-structured-image-items c-layer c-layer--slider">

  <div class="c-slider  c-slider--dark ">
    <div class="c-slider__head align-right ">

      <div class="c-slider__controls">
        <div class="c-slider__progress js-slider-progress" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="66.66666666666666" style="background-size: 66.6667% 100%;"></div>
        <div class="js-slider-prev">
          <i class="c-slider__icon icon-previous"></i>
        </div>
        <div class="js-slider-next">
          <i class="c-slider__icon icon-next"></i>
        </div>
      </div>
    </div>
    <div class="c-slider__slider-object-container">
      <div class="tns-outer" id="tns5-ow">
        <div class="tns-liveregion tns-visually-hidden" aria-live="polite" aria-atomic="true">slide
          <span class="current">10 to 12</span>
          of 7</div>
        <div id="tns5-mw" class="tns-ovh">
          <div class="tns-inner" id="tns5-iw">
            <div class="js-slider  tns-slider tns-carousel tns-subpixel tns-calc tns-autowidth tns-horizontal" data-item-width-desktop="380" data-item-width-responsive="380" data-autowidth="false" id="tns5" style="transform: translate3d(-3780px, 0px, 0px);">
              <div class="c-slider__slide-item tns-item" aria-hidden="true" tabindex="-1">

                <div class="c-image-item">
                  <img src="http://localhost:8080/assets/images/slider03.png" class="loaded tns-complete">
                  <div class="c-image-item__infos">
                    <a class="full-screen" href="../../assets/images/slider03.png" target="_blank"></a>
                    <div class="c-caption c-caption--dark">Title</div>
                    <div class="c-caption c-caption--dark content">Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem</div>
                    <div class="c-caption c-caption--dark">@ Credits</div>
                  </div>
                </div>
              </div>
              <div class="c-slider__slide-item tns-item" aria-hidden="true" tabindex="-1">

                <div class="c-image-item">
                  <img src="http://localhost:8080/assets/images/slider02.png" class="loaded tns-complete">
                  <div class="c-image-item__infos">
                    <a class="full-screen" href="../../assets/images/slider02.png" target="_blank"></a>
                    <div class="c-caption c-caption--dark">Title</div>
                    <div class="c-caption c-caption--dark content">Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem</div>
                    <div class="c-caption c-caption--dark">@ Credits</div>
                  </div>
                </div>
              </div>
              <div class="c-slider__slide-item tns-item" aria-hidden="true" tabindex="-1">

                <div class="c-image-item">
                  <img src="http://localhost:8080/assets/images/slider02.png" class="loaded tns-complete">
                  <div class="c-image-item__infos">
                    <a class="full-screen" href="../../assets/images/slider02.png" target="_blank"></a>
                    <div class="c-caption c-caption--dark">Title</div>
                    <div class="c-caption c-caption--dark content">Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem</div>
                    <div class="c-caption c-caption--dark">@ Credits</div>
                  </div>
                </div>
              </div>
              <div class="c-slider__slide-item tns-item" aria-hidden="true" tabindex="-1">

                <div class="c-image-item">
                  <img src="http://localhost:8080/assets/images/slider02.png" class="loaded tns-complete">
                  <div class="c-image-item__infos">
                    <a class="full-screen" href="../../assets/images/slider02.png" target="_blank"></a>
                    <div class="c-caption c-caption--dark">Title</div>
                    <div class="c-caption c-caption--dark content">Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem</div>
                    <div class="c-caption c-caption--dark">@ Credits</div>
                  </div>
                </div>
              </div>
              <div class="c-slider__slide-item tns-item" aria-hidden="true" tabindex="-1">

                <div class="c-image-item">
                  <img src="http://localhost:8080/assets/images/slider02.png" class="loaded tns-complete">
                  <div class="c-image-item__infos">
                    <a class="full-screen" href="../../assets/images/slider02.png" target="_blank"></a>
                    <div class="c-caption c-caption--dark">Title</div>
                    <div class="c-caption c-caption--dark content">Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem</div>
                    <div class="c-caption c-caption--dark">@ Credits</div>
                  </div>
                </div>
              </div>
              <div class="c-slider__slide-item tns-item" aria-hidden="true" tabindex="-1">

                <div class="c-image-item">
                  <img src="http://localhost:8080/assets/images/slider01.png" class="loaded tns-complete">
                  <div class="c-image-item__infos">
                    <a class="full-screen" href="../../assets/images/slider01.png" target="_blank"></a>
                    <div class="c-caption c-caption--dark">Title</div>
                    <div class="c-caption c-caption--dark content">Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem</div>
                    <div class="c-caption c-caption--dark">@ Credits</div>
                  </div>
                </div>
              </div>
              <div class="c-slider__slide-item tns-item" aria-hidden="true" tabindex="-1">

                <div class="c-image-item">
                  <img src="http://localhost:8080/assets/images/slider02.png" class="loaded tns-complete">
                  <div class="c-image-item__infos">
                    <a class="full-screen" href="../../assets/images/slider02.png" target="_blank"></a>
                    <div class="c-caption c-caption--dark">Title</div>
                    <div class="c-caption c-caption--dark content">Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem</div>
                    <div class="c-caption c-caption--dark">@ Credits</div>
                  </div>
                </div>
              </div>
              <div class="c-slider__slide-item tns-item" aria-hidden="true" tabindex="-1">

                <div class="c-image-item">
                  <img src="http://localhost:8080/assets/images/slider03.png" class="loaded tns-complete">
                  <div class="c-image-item__infos">
                    <a class="full-screen" href="../../assets/images/slider03.png" target="_blank"></a>
                    <div class="c-caption c-caption--dark">Title</div>
                    <div class="c-caption c-caption--dark content">Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem</div>
                    <div class="c-caption c-caption--dark">@ Credits</div>
                  </div>
                </div>
              </div>
              <div class="c-slider__slide-item tns-item" aria-hidden="true" tabindex="-1">

                <div class="c-image-item">
                  <img src="http://localhost:8080/assets/images/slider02.png" class="loaded tns-complete">
                  <div class="c-image-item__infos">
                    <a class="full-screen" href="../../assets/images/slider02.png" target="_blank"></a>
                    <div class="c-caption c-caption--dark">Title</div>
                    <div class="c-caption c-caption--dark content">Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem</div>
                    <div class="c-caption c-caption--dark">@ Credits</div>
                  </div>
                </div>
              </div>
              <div class="c-slider__slide-item tns-item tns-slide-active">

                <div class="c-image-item">
                  <img src="http://localhost:8080/assets/images/slider02.png" class="loaded tns-complete">
                  <div class="c-image-item__infos">
                    <a class="full-screen" href="../../assets/images/slider02.png" target="_blank"></a>
                    <div class="c-caption c-caption--dark">Title</div>
                    <div class="c-caption c-caption--dark content">Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem</div>
                    <div class="c-caption c-caption--dark">@ Credits</div>
                  </div>
                </div>
              </div>
              <div class="c-slider__slide-item tns-item tns-slide-active">

                <div class="c-image-item">
                  <img src="http://localhost:8080/assets/images/slider02.png" class="loaded tns-complete">
                  <div class="c-image-item__infos">
                    <a class="full-screen" href="../../assets/images/slider02.png" target="_blank"></a>
                    <div class="c-caption c-caption--dark">Title</div>
                    <div class="c-caption c-caption--dark content">Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem</div>
                    <div class="c-caption c-caption--dark">@ Credits</div>
                  </div>
                </div>
              </div>
              <div class="c-slider__slide-item tns-item tns-slide-active">

                <div class="c-image-item">
                  <img src="http://localhost:8080/assets/images/slider02.png" class="loaded tns-complete">
                  <div class="c-image-item__infos">
                    <a class="full-screen" href="../../assets/images/slider02.png" target="_blank"></a>
                    <div class="c-caption c-caption--dark">Title</div>
                    <div class="c-caption c-caption--dark content">Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem</div>
                    <div class="c-caption c-caption--dark">@ Credits</div>
                  </div>
                </div>
              </div>
              <div class="c-slider__slide-item tns-item" id="tns5-item0" aria-hidden="true" tabindex="-1">

                <div class="c-image-item">
                  <img src="http://localhost:8080/assets/images/slider01.png" class="loaded tns-complete">
                  <div class="c-image-item__infos">
                    <a class="full-screen" href="../../assets/images/slider01.png" target="_blank"></a>
                    <div class="c-caption c-caption--dark">Title</div>
                    <div class="c-caption c-caption--dark content">Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem</div>
                    <div class="c-caption c-caption--dark">@ Credits</div>
                  </div>
                </div>
              </div>
              <div class="c-slider__slide-item tns-item" id="tns5-item1" aria-hidden="true" tabindex="-1">

                <div class="c-image-item">
                  <img src="http://localhost:8080/assets/images/slider02.png" class="loaded tns-complete">
                  <div class="c-image-item__infos">
                    <a class="full-screen" href="../../assets/images/slider02.png" target="_blank"></a>
                    <div class="c-caption c-caption--dark">Title</div>
                    <div class="c-caption c-caption--dark content">Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem</div>
                    <div class="c-caption c-caption--dark">@ Credits</div>
                  </div>
                </div>
              </div>
              <div class="c-slider__slide-item tns-item" id="tns5-item2" aria-hidden="true" tabindex="-1">

                <div class="c-image-item">
                  <img src="http://localhost:8080/assets/images/slider03.png" class="loaded tns-complete">
                  <div class="c-image-item__infos">
                    <a class="full-screen" href="../../assets/images/slider03.png" target="_blank"></a>
                    <div class="c-caption c-caption--dark">Title</div>
                    <div class="c-caption c-caption--dark content">Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem</div>
                    <div class="c-caption c-caption--dark">@ Credits</div>
                  </div>
                </div>
              </div>
              <div class="c-slider__slide-item tns-item" id="tns5-item3" aria-hidden="true" tabindex="-1">

                <div class="c-image-item">
                  <img src="http://localhost:8080/assets/images/slider02.png" class="loaded tns-complete">
                  <div class="c-image-item__infos">
                    <a class="full-screen" href="../../assets/images/slider02.png" target="_blank"></a>
                    <div class="c-caption c-caption--dark">Title</div>
                    <div class="c-caption c-caption--dark content">Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem</div>
                    <div class="c-caption c-caption--dark">@ Credits</div>
                  </div>
                </div>
              </div>
              <div class="c-slider__slide-item tns-item" id="tns5-item4" aria-hidden="true" tabindex="-1">

                <div class="c-image-item">
                  <img src="http://localhost:8080/assets/images/slider02.png" class="loaded tns-complete">
                  <div class="c-image-item__infos">
                    <a class="full-screen" href="../../assets/images/slider02.png" target="_blank"></a>
                    <div class="c-caption c-caption--dark">Title</div>
                    <div class="c-caption c-caption--dark content">Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem</div>
                    <div class="c-caption c-caption--dark">@ Credits</div>
                  </div>
                </div>
              </div>
              <div class="c-slider__slide-item tns-item" id="tns5-item5" aria-hidden="true" tabindex="-1">

                <div class="c-image-item">
                  <img src="http://localhost:8080/assets/images/slider02.png" class="loaded tns-complete">
                  <div class="c-image-item__infos">
                    <a class="full-screen" href="../../assets/images/slider02.png" target="_blank"></a>
                    <div class="c-caption c-caption--dark">Title</div>
                    <div class="c-caption c-caption--dark content">Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem</div>
                    <div class="c-caption c-caption--dark">@ Credits</div>
                  </div>
                </div>
              </div>
              <div class="c-slider__slide-item tns-item" id="tns5-item6" aria-hidden="true" tabindex="-1">

                <div class="c-image-item">
                  <img src="http://localhost:8080/assets/images/slider02.png" class="loaded tns-complete">
                  <div class="c-image-item__infos">
                    <a class="full-screen" href="../../assets/images/slider02.png" target="_blank"></a>
                    <div class="c-caption c-caption--dark">Title</div>
                    <div class="c-caption c-caption--dark content">Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem</div>
                    <div class="c-caption c-caption--dark">@ Credits</div>
                  </div>
                </div>
              </div>
              <div class="c-slider__slide-item tns-item" aria-hidden="true" tabindex="-1">

                <div class="c-image-item">
                  <img src="http://localhost:8080/assets/images/slider01.png" class="loaded tns-complete">
                  <div class="c-image-item__infos">
                    <a class="full-screen" href="../../assets/images/slider01.png" target="_blank"></a>
                    <div class="c-caption c-caption--dark">Title</div>
                    <div class="c-caption c-caption--dark content">Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem</div>
                    <div class="c-caption c-caption--dark">@ Credits</div>
                  </div>
                </div>
              </div>
              <div class="c-slider__slide-item tns-item" aria-hidden="true" tabindex="-1">

                <div class="c-image-item">
                  <img src="http://localhost:8080/assets/images/slider02.png" class="loaded tns-complete">
                  <div class="c-image-item__infos">
                    <a class="full-screen" href="../../assets/images/slider02.png" target="_blank"></a>
                    <div class="c-caption c-caption--dark">Title</div>
                    <div class="c-caption c-caption--dark content">Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem</div>
                    <div class="c-caption c-caption--dark">@ Credits</div>
                  </div>
                </div>
              </div>
              <div class="c-slider__slide-item tns-item" aria-hidden="true" tabindex="-1">

                <div class="c-image-item">
                  <img src="http://localhost:8080/assets/images/slider03.png" class="loaded tns-complete">
                  <div class="c-image-item__infos">
                    <a class="full-screen" href="../../assets/images/slider03.png" target="_blank"></a>
                    <div class="c-caption c-caption--dark">Title</div>
                    <div class="c-caption c-caption--dark content">Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem</div>
                    <div class="c-caption c-caption--dark">@ Credits</div>
                  </div>
                </div>
              </div>
              <div class="c-slider__slide-item tns-item" aria-hidden="true" tabindex="-1">

                <div class="c-image-item">
                  <img src="http://localhost:8080/assets/images/slider02.png" class="loaded tns-complete">
                  <div class="c-image-item__infos">
                    <a class="full-screen" href="../../assets/images/slider02.png" target="_blank"></a>
                    <div class="c-caption c-caption--dark">Title</div>
                    <div class="c-caption c-caption--dark content">Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem</div>
                    <div class="c-caption c-caption--dark">@ Credits</div>
                  </div>
                </div>
              </div>
              <div class="c-slider__slide-item tns-item" aria-hidden="true" tabindex="-1">

                <div class="c-image-item">
                  <img src="http://localhost:8080/assets/images/slider02.png" class="loaded tns-complete">
                  <div class="c-image-item__infos">
                    <a class="full-screen" href="../../assets/images/slider02.png" target="_blank"></a>
                    <div class="c-caption c-caption--dark">Title</div>
                    <div class="c-caption c-caption--dark content">Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem</div>
                    <div class="c-caption c-caption--dark">@ Credits</div>
                  </div>
                </div>
              </div>
              <div class="c-slider__slide-item tns-item" aria-hidden="true" tabindex="-1">

                <div class="c-image-item">
                  <img src="http://localhost:8080/assets/images/slider02.png" class="loaded tns-complete">
                  <div class="c-image-item__infos">
                    <a class="full-screen" href="../../assets/images/slider02.png" target="_blank"></a>
                    <div class="c-caption c-caption--dark">Title</div>
                    <div class="c-caption c-caption--dark content">Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem</div>
                    <div class="c-caption c-caption--dark">@ Credits</div>
                  </div>
                </div>
              </div>
              <div class="c-slider__slide-item tns-item" aria-hidden="true" tabindex="-1">

                <div class="c-image-item">
                  <img src="http://localhost:8080/assets/images/slider02.png" class="loaded tns-complete">
                  <div class="c-image-item__infos">
                    <a class="full-screen" href="../../assets/images/slider02.png" target="_blank"></a>
                    <div class="c-caption c-caption--dark">Title</div>
                    <div class="c-caption c-caption--dark content">Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem</div>
                    <div class="c-caption c-caption--dark">@ Credits</div>
                  </div>
                </div>
              </div>
              <div class="c-slider__slide-item tns-item" aria-hidden="true" tabindex="-1">

                <div class="c-image-item">
                  <img src="http://localhost:8080/assets/images/slider01.png" class="loaded tns-complete">
                  <div class="c-image-item__infos">
                    <a class="full-screen" href="../../assets/images/slider01.png" target="_blank"></a>
                    <div class="c-caption c-caption--dark">Title</div>
                    <div class="c-caption c-caption--dark content">Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem</div>
                    <div class="c-caption c-caption--dark">@ Credits</div>
                  </div>
                </div>
              </div>
              <div class="c-slider__slide-item tns-item" aria-hidden="true" tabindex="-1">

                <div class="c-image-item">
                  <img src="http://localhost:8080/assets/images/slider02.png" class="loaded tns-complete">
                  <div class="c-image-item__infos">
                    <a class="full-screen" href="../../assets/images/slider02.png" target="_blank"></a>
                    <div class="c-caption c-caption--dark">Title</div>
                    <div class="c-caption c-caption--dark content">Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem</div>
                    <div class="c-caption c-caption--dark">@ Credits</div>
                  </div>
                </div>
              </div>
              <div class="c-slider__slide-item tns-item" aria-hidden="true" tabindex="-1">

                <div class="c-image-item">
                  <img src="http://localhost:8080/assets/images/slider03.png" class="loaded tns-complete">
                  <div class="c-image-item__infos">
                    <a class="full-screen" href="../../assets/images/slider03.png" target="_blank"></a>
                    <div class="c-caption c-caption--dark">Title</div>
                    <div class="c-caption c-caption--dark content">Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem</div>
                    <div class="c-caption c-caption--dark">@ Credits</div>
                  </div>
                </div>
              </div>
              <div class="c-slider__slide-item tns-item" aria-hidden="true" tabindex="-1">

                <div class="c-image-item">
                  <img src="http://localhost:8080/assets/images/slider02.png" class="loaded tns-complete">
                  <div class="c-image-item__infos">
                    <a class="full-screen" href="../../assets/images/slider02.png" target="_blank"></a>
                    <div class="c-caption c-caption--dark">Title</div>
                    <div class="c-caption c-caption--dark content">Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem</div>
                    <div class="c-caption c-caption--dark">@ Credits</div>
                  </div>
                </div>
              </div>
              <div class="c-slider__slide-item tns-item" aria-hidden="true" tabindex="-1">

                <div class="c-image-item">
                  <img src="http://localhost:8080/assets/images/slider02.png" class="loaded tns-complete">
                  <div class="c-image-item__infos">
                    <a class="full-screen" href="../../assets/images/slider02.png" target="_blank"></a>
                    <div class="c-caption c-caption--dark">Title</div>
                    <div class="c-caption c-caption--dark content">Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem</div>
                    <div class="c-caption c-caption--dark">@ Credits</div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
```

*/
.c-structured-image-items .c-rte
{
    margin-bottom: 6rem;
}

.c-structured-image-items .c-slider__slide-item
{
    padding-bottom: 0 !important;
}
.c-structured-image-items .c-slider__slide-item .c-image-item
{
    display: block;

    width: auto;
    min-width: 27.5rem;
    height: auto;
    max-height: 18rem;
}
@media (min-width: 64em)
{
    .c-structured-image-items .c-slider__slide-item .c-image-item
    {
        width: auto;
        min-width: 38rem;
        height: auto;
        max-height: 25rem;
    }
}
.c-structured-image-items .c-slider__slide-item .c-image-item .c-image-orientation__image--portrait__img
{
    max-height: 18rem;
}
@media (min-width: 64em)
{
    .c-structured-image-items .c-slider__slide-item .c-image-item .c-image-orientation__image--portrait__img
    {
        max-height: 25rem;
    }
}

@media (max-width: 87.5em)
{
    .c-structured-image-items .c-slider
    {
        margin: 0 !important; 
        padding: 0 !important;
    }
}

@media (max-width: 63.9375em)
{
    .c-structured-image-items .c-slider__slide-item
    {
        padding-top: 0 !important; 
        padding-bottom: 0 !important;
    }
    .c-structured-image-items .c-slider__slider-object-container
    {
        margin-bottom: 0 !important;
    }
    .c-structured-image-items .c-slider .c-image-item__background-img
    {
        transform: scale(1);
    }
}

@media (max-width: 48em)
{
    .c-structured-image-items
    {
        padding: 4rem 0rem 4rem 2rem !important;
    }
}

.c-structured-programs
{
    padding-top: 0;
    padding-bottom: 3.2rem;
}
.c-structured-programs .c-slider
{
    position: relative;

    padding-top: 0;
}
.c-structured-programs__link-container
{
    margin-top: 6rem;
    margin-bottom: -1rem;

    text-align: right;
}
@media (max-width: 63.99em)
{
    .c-structured-programs__link-container
    {
        margin-top: 3rem;
        margin-bottom: 0;
    }
}
@media (max-width: 47.99em)
{
    .c-structured-programs__link-container
    {
        margin-top: -3rem;
    }
}
.c-structured-programs .c-subtitle
{
    margin: 0;
}
@media (min-width: 64em)
{
    .c-structured-programs .c-slider
    {
        padding-bottom: 4rem;
    }
    .c-structured-programs .c-slider__slide-item
    {
        padding-right: 1.25rem; 
        padding-left: 1.25rem;
    }
    .c-structured-programs .c-slider__slider-object-container
    {
        margin-right: -1.25rem; 
        margin-left: -1.25rem;
    }
}
.c-structured-programs__title
{
    margin: 0;
    margin-top: 1rem;
    margin-bottom: 8rem;
}
.c-structured-programs__button-container
{
    margin-top: 8rem;

    text-align: right;
}
@media (max-width: 63.99em)
{
    .c-structured-programs
    {
        padding-top: 1.5rem;
        padding-bottom: 0rem;
    }
    .c-structured-programs .c-slider__slide-item
    {
        padding-bottom: 0;
    }
    .c-structured-programs__title
    {
        font-size: 2.4rem;
    }
    .c-structured-programs .c-slider
    {
        padding-top: 0;
    }
    .c-structured-programs__button-container
    {
        margin-top: -6rem;
    }
    .c-structured-programs__button-container .c-btn
    {
        width: 100%;
        padding-bottom: 1rem;
    }
    .c-structured-programs__button-container .c-btn::after
    {
        margin-top: .5rem;
    }
}

/* ==========================================================================
   #Structured highlight menu
   ========================================================================== */
/*
---
name: Structured highlight menu
category: 03 - Organisms
---

```structured-highlight-menu.html
<div class="c-structured-highlight-menu">
  <div class="c-structured-highlight-menu c-layer">
    <div class="c-highlight-menu">
      <img src="https://via.placeholder.com/20x20" />
      <span class="c-highlight-menu__title">Test</span>
      <a class="c-btn c-btn--text-button c-highlight-menu__btn" href="#">See more</a>
    </div>
    <div class="c-highlight-menu">
      <img src="https://via.placeholder.com/20x20" />
      <span class="c-highlight-menu__title">Test</span>
      <a class="c-btn c-btn--text-button c-highlight-menu__btn" href="#">See more</a>
    </div>
    <div class="c-highlight-menu">
      <img src="https://via.placeholder.com/20x20" />
      <span class="c-highlight-menu__title">Test</span>
      <a class="c-btn c-btn--text-button c-highlight-menu__btn" href="#">See more</a>
    </div>
  </div
</div>
```

*/
.c-structured-highlight-menu
{
    display: flex;
    float: left; 

    padding: 4rem 0;

    border: .1rem solid #fff;
    border-radius: .4rem;
    background-color: rgba(27, 29, 39, .97);

    flex-wrap: wrap;
    justify-content: center;
}
.c-structured-highlight-menu .c-highlight-menu:not(:last-child)
{
    border-right: .1rem solid #e7eaf2;
}

/* ==========================================================================
   # Structured search company
   ========================================================================== */
/*
---
name: Structured search company
category: 03 - Organisms
---

Normal
```structured-search-company.html
<div class="c-structured-search-company c-layer ">
  <h2 class="c-structured-search-company__title">Discover all Safran companies and joint-ventures</h2>
  <div class="o-grid c-structured-search-company__search">
    <div class="u-1/6 u-1/1@tablet">
      <label>Type</label>
      <select class="js-custom-select u-hidden-visually" multiple="multiple">
        <option>All types</option>
        <option>Type 1</option>
        <option>Type 2</option>
      </select>
      <div class="c-custom-select">
        <div class="c-custom-select__title"></div>
        <ul class="c-custom-select__list">
          <li class="c-custom-select__item">All types</li>
          <li class="c-custom-select__item">Type 1</li>
          <li class="c-custom-select__item">Type 2</li>
        </ul>
      </div>
    </div>
    <div class="u-3/6 u-1/1@tablet">
      <div class="c-searchbar">

        <label class="c-input">
          <input type="text" class="c-input__input">
          <span class="c-input__label">Search</span>
        </label>

        <button class="c-btn c-btn--primary c-btn--search "></button>

      </div>
    </div>

    <div class="u-2/6 u-1/1@tablet">
      <div class="c-structured-search-company__activity-filter-container">
        <label>Activity</label>
        <select class="js-custom-select u-hidden-visually" multiple="multiple">
          <option>All activities</option>
          <option>Activity 1</option>
          <option>Activity 2</option>
        </select>
        <div class="c-custom-select">
          <div class="c-custom-select__title"></div>
          <ul class="c-custom-select__list">
            <li class="c-custom-select__item">All activities</li>
            <li class="c-custom-select__item">Activity 1</li>
            <li class="c-custom-select__item">Activity 2</li>
          </ul>
        </div>
      </div>
    </div>

  </div>

</div>
```

*/
.c-structured-search-company
{
    padding-bottom: 2.5rem;
    /*
  padding-top: 21rem;
  padding-bottom: 3rem;

  @include mq($until: tablet) {
    padding-top: 10rem;
  }

  &__search {
    padding-top: 6rem;
    padding-bottom: $double-gutter;

    .c-custom-select {
      min-width: 14rem;
      max-height: 5.2rem;
      background: $white;
      @include mq($until: tablet) {
        margin-bottom: 2rem;
      }
    }

    .c-input__input {
      min-height: 5.2rem;
    }

    .c-btn--search {
      min-height: 5.2rem;
      border-left: none;
    }

    &.o-grid {
      align-items: flex-end;
      padding-left: 4rem;
      @include mq($until: tablet) {
        padding-left: 0;
      }

      & > * {
        padding: 0;
        @include mq($until: tablet) {
          width: 100%;
          padding: 0 2rem;
        }
      }
    }

    .c-structured-search-company__activity-filter-container {
      padding: 0 6rem;
      @include mq($until: tablet) {
        padding: 0;
      }
    }

  }
  */
}
.c-structured-search-company .c-structured-search-company__form-filters__current-filters-container
{
    display: flex;

    max-width: 100%;

    justify-content: space-between;
}
@media (max-width: 63.99em)
{
    .c-structured-search-company
    {
        padding-bottom: 1rem;
    }
}
.c-structured-search-company__search-title-container
{
    background-color: #f9fafc;
}
@media (max-width: 63.99em)
{
    .c-structured-search-company__search-title-container
    {
        padding-top: 0rem;
    }
}
.c-structured-search-company__search
{
    padding-top: 6rem;
    padding-bottom: 6rem;
}
@media (max-width: 63.99em)
{
    .c-structured-search-company__search
    {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
}
.c-structured-search-company__search .c-custom-select
{
    min-width: 14rem;
    max-height: 5.2rem;

    background: #fff;
}
@media (max-width: 63.99em)
{
    .c-structured-search-company__search .c-custom-select
    {
        margin-bottom: 2rem;
    }
}
.c-structured-search-company__search .c-input__input
{
    min-height: 5.2rem;
    margin-bottom: 0;
}
.c-structured-search-company__search .c-btn--search
{
    min-height: 5.2rem;

    border-left: none;
}
.c-structured-search-company__search.o-grid
{
    padding-left: 0; 

    align-items: flex-end;
}
.c-structured-search-company__search.o-grid > *
{
    padding: 0;
}
@media (max-width: 63.99em)
{
    .c-structured-search-company__search.o-grid > *
    {
        width: 100%;
        padding: 0 1.2rem;
    }
}
.c-structured-search-company__searchbar-filter-wrapper .c-btn.c-btn--primary.c-btn--filter
{
    display: none;
}
@media (max-width: 63.99em)
{
    .c-structured-search-company__searchbar-filter-wrapper
    {
        display: flex;
    }
    .c-structured-search-company__searchbar-filter-wrapper .c-structured-search-company__searchbar-wrapper
    {
        padding-right: .5rem; 

        flex: 1;
    }
    .c-structured-search-company__searchbar-filter-wrapper .c-btn.c-btn--primary.c-btn--filter
    {
        display: inline-block;
    }
}
.c-structured-search-company__filter
{
    margin-top: 2rem;
}
.c-structured-search-company__filter .c-custom-select
{
    background: #fff;
}
.c-structured-search-company__filter.o-grid
{
    padding-left: 4rem; 

    align-items: flex-end;
}
@media (max-width: 63.99em)
{
    .c-structured-search-company__filter.o-grid
    {
        padding-left: 0;
    }
}
.c-structured-search-company__filter.o-grid > *
{
    padding: 0 4rem 0 0;
}
.c-structured-search-company__filter.o-grid > *:last-child
{
    padding-right: 0;
}
@media (max-width: 63.99em)
{
    .c-structured-search-company__filter.o-grid > *:last-child
    {
        padding-right: 2rem;
    }
}
@media (max-width: 63.99em)
{
    .c-structured-search-company__filter.o-grid > *
    {
        padding: 0 2rem;
    }
}
.c-structured-search-company--dark .c-structured-search-product__title
{
    color: #fff;
}
.c-structured-search-company__title
{
    margin: 0;
}
@media (max-width: 63.99em)
{
    .c-structured-search-company__title
    {
        font-size: 2.4rem;
    }
}
.c-structured-search-company__link
{
    font-size: 1.4rem; 

    position: relative;

    margin-right: 3rem;

    color: #1b1d27;
}
.c-structured-search-company__link::before
{
    font-family: 'icomoon' !important;
    font-size: 1.2rem; 

    margin-right: .5rem;

    content: '';
}
.c-structured-search-company__link-container
{
    display: flex;

    margin-top: 7rem; 
    padding-left: 2rem;

    align-items: center;
    justify-content: space-between;
}
@media (max-width: 63.99em)
{
    .c-structured-search-company__link-container
    {
        margin-top: 4rem;

        text-align: center;
    }
}
.c-structured-search-company__form-filters
{
    padding-top: 3rem;
    padding-bottom: 2rem; 

    border-top: .5rem solid #fff;
    background-color: #f9fafc;
}
.c-structured-search-company__form-filters .c-btn.c-btn--reset
{
    display: inline-flex;

    max-width: 100%;
    padding-right: 2rem; 

    text-align: right;
}
.c-structured-search-company__form-filters .c-btn.c-btn--reset span
{
    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;
}
@media (max-width: 63.99em)
{
    .c-structured-search-company__form-filters
    {
        display: none;

        padding-bottom: 0;
    }
}
.c-structured-search-company__form-filters__main-nav-container
{
    display: flex;
}
.c-structured-search-company__form-filters__select-containers
{
    display: flex;

    margin: 0 -1.5rem; 

    flex: 1;
}
.c-structured-search-company__form-filters__select-container
{
    position: relative;

    max-width: 40rem; 
    padding: 0 1.5rem;

    flex: 1;
}
.c-structured-search-company__form-filters__select-container .c-custom-select
{
    max-width: 100%;
}
.c-structured-search-company__form-filters__buttons-container
{
    margin-left: 7rem;
}
.c-structured-search-company__form-filters__buttons-container .c-btn + .c-btn
{
    margin-left: 2rem;
}
.c-structured-search-company__form-filters__buttons-container .c-btn--primary-input-type-submit--input
{
    overflow: hidden;

    max-width: 100%; 

    white-space: nowrap;
    text-overflow: ellipsis;
}
.c-structured-search-company__form-filters__label
{
    font-size: 1.6rem;
    line-height: 1.25; 

    margin: 0;
    margin-bottom: 2.4rem;

    letter-spacing: .06rem;

    color: #525668;
}
.c-structured-search-company__form-filters__select-label
{
    font-size: 1.1rem;
    line-height: 1.2; 

    position: absolute;
    top: -2.7rem;
    left: 1.6rem;

    color: #525668;
}
.c-structured-search-company__form-filters__current-filters-reset-container
{
    display: flex;

    padding-top: 1rem; 

    align-items: center;
}
.c-structured-search-company__form-filters__reset-container
{
    text-align: right;

    flex: 1;
}
.c-structured-search-company__form-filters__reset-container .c-btn--reset
{
    width: 100%;

    justify-content: flex-end;
}
.c-structured-search-company__form-filters__current-filters-container
{
    padding-bottom: 4rem;
}
.c-structured-search-company__form-filters__current-filter
{
    font-size: 1.4rem;
    line-height: 1.21;

    margin-left: 1.5rem;
    padding: .8rem;
    padding-left: 0;

    text-transform: capitalize; 

    color: #3b3e4d;
}
.c-structured-search-company__form-filters__current-filter--content
{
    display: inline-block;

    margin-top: 1rem;
    margin-right: 1.5rem;
    padding: .8rem;
    padding-top: 0;
    padding-bottom: .5rem;

    text-transform: capitalize; 

    color: #fff;
    border-radius: .4rem;
    background-color: #255b8e;
}
.c-structured-search-company__form-filters__current-filter--content:first-child
{
    margin-left: 1.5rem;
}
.c-structured-search-company__form-filters__current-filter--content.no-link
{
    font-size: 1.4rem;
    line-height: 1.6;

    padding-top: .5rem;
}
.c-structured-search-company__form-filters__current-filter--content.no-link a
{
    font-size: 1.4rem;
}
.c-structured-search-company__form-filters__remove-icon
{
    width: 1.4rem;
    height: auto;
    margin-left: .7rem;
}

/* ==========================================================================
   #Structured product presentation
   ========================================================================== */
/*
---
name: Structured product presentation
category: 03 - Organisms
---

Normal
```structured-product-presentation.html
<div class="c-structured-product-presentation">

  <div class="c-structured-product-presentation__product-description-container">

    <img src="img" alt="product" class="c-structured-product-presentation__img" />

    <div class="c-product-description-card">

      <h3 class="c-product-description-card__title">title</h3>

      <div>
        <a href="#" class="c-product-description-card__link">linkName</a>
        <a href="#" class="c-product-description-card__link">linkName</a>
      </div>

      <p class="c-product-description-card__info-container">
        <span class="c-product-description-card__info-label">infoLabel</span>
        <span class="c-product-description-card__info-value">infoValue</span>
      </p>

      <p class="c-product-description-card__info-container">
        <span class="c-product-description-card__info-label">infoLabel</span>
        <span class="c-product-description-card__info-value">infoValue</span>
      </p>

      <p class="c-product-description-card__info-container">
        <span class="c-product-description-card__info-label">infoLabel</span>
        <span class="c-product-description-card__info-value">infoValue</span>
      </p>

      <div class="c-product-description-card__buttons-container">
        <a href="#" class="c-btn c-btn--primary">buttonName</a>
        <a href="#" class="c-btn c-btn--secondary">buttonName</a>
      </div>

    </div>

  </div>

  <p class="c-structured-product-presentation__description">description</p>

  <div class="c-layer c-layer--no-v-padding">

    <div class="c-structured-product-presentation__alternative-descriptions-container">

      <p class="c-structured-product-presentation__alternative-description">
        description 1
      </p>

      <p class="c-structured-product-presentation__alternative-description">
        description 2
      </p>

      <p class="c-structured-product-presentation__alternative-description">
        description 3
      </p>

    </div>

  </div>

</div>
```

*/
.c-structured-product-presentation
{
    position: relative;

    min-height: 70rem;
}
@media (max-width: 63.99em)
{
    .c-structured-product-presentation
    {
        min-height: 0; 
        margin-top: -6rem;
    }
}
@media (min-width: 64em)
{
    .c-structured-product-presentation__product-description-container
    {
        display: flex;

        justify-content: flex-end;
        align-items: center;
    }
}
@media (max-width: 63.99em)
{
    .c-structured-product-presentation img
    {
        width: 100%;
    }
}
.c-structured-product-presentation__img
{
    position: absolute;
    top: 0;
    left: calc(50% - 45rem);

    width: 90rem;
    height: auto;
}
@media (min-width: 64em)
{
    .c-structured-product-presentation__img
    {
        top: 10rem;
    }
}
@media (max-width: 63.99em)
{
    .c-structured-product-presentation__img
    {
        position: static;
        left: auto;

        display: block;

        width: 29.6rem;
        margin: 0 auto;
    }
}
.c-structured-product-presentation__description
{
    font-size: 3rem;
    line-height: 1.3;

    width: 85rem;
    margin: 0;
    margin: auto;
    margin-top: 16rem;

    text-align: center; 

    color: #fff;
}
@media (max-width: 63.99em)
{
    .c-structured-product-presentation__description
    {
        font-size: 1.8rem;

        width: 100%;
        margin-top: 4rem;
        padding: 0 2rem;
    }
}
.c-structured-product-presentation__alternative-descriptions-container
{
    display: flex;

    margin: 0 -2.5rem;
    padding: 0 8rem;
    padding-top: 8rem;
    padding-bottom: 11rem; 

    justify-content: space-between;
}
@media (max-width: 63.99em)
{
    .c-structured-product-presentation__alternative-descriptions-container
    {
        flex-direction: column; 

        margin: 0;
        padding: 0;
        padding-bottom: 4rem;
    }
}
.c-structured-product-presentation__alternative-description
{
    font-size: 2.2rem;
    line-height: 1.4; 

    margin: 0;
    padding: 0 2.5rem;
    padding-bottom: 3rem;

    letter-spacing: .02rem;

    color: #8eace6;
    border-left: .1rem solid #8eace6;

    flex: 1;
}
.c-structured-product-presentation__alternative-description p
{
    margin: 0; 
    padding: 0;

    color: #8eace6;
}
@media (max-width: 63.99em)
{
    .c-structured-product-presentation__alternative-description
    {
        font-size: 1.6rem;
        line-height: 1.41;

        margin-top: 2.5rem;
        padding: 0;
        padding-left: 2.2rem; 

        letter-spacing: .13rem;

        flex: none;
    }
    .c-structured-product-presentation__alternative-description:first-child
    {
        margin-top: 8rem;
    }
}

/* ==========================================================================
   #Structured Support
   ========================================================================== */
/*
---
name: Structured Support
category: 03 - Organisms
---

Normal
```structured-support.html
<div class="c-structured-support">

  <div class="c-layer c-layer--no-v-padding">

    <h3 class="c-structured-support__title">title</h3>

    <div class="c-structured-support__cards-container">

      <div class="c-support-card">
        <p class="c-support-card__title">title</p>
        <p class="c-support-card__description">description </p>
        <a href="#" class="c-btn c-btn--arrow-btn">linkName</a>
      </div>

      <div class="c-support-card">
        <p class="c-support-card__title">title</p>
        <p class="c-support-card__description">description </p>
        <a href="#" class="c-btn c-btn--arrow-btn">linkName</a>
      </div>

    </div>

  </div>

</div>
```

Dark
```structured-support-dark.html
<div class="c-structured-support c-structured-support--dark">

  <div class="c-layer c-layer--no-v-padding">

    <h3 class="c-structured-support__title">title</h3>

    <div class="c-structured-support__cards-container">

      <div class="c-support-card c-support-card--dark">
        <p class="c-support-card__title">title</p>
        <p class="c-support-card__description">description</p>
        <a href="#" class="c-btn c-btn--arrow-btn c-btn--arrow-btn--dark">linkName</a>
      </div>

      <div class="c-support-card c-support-card--dark">
        <p class="c-support-card__title">title</p>
        <p class="c-support-card__description">description</p>
        <a href="#" class="c-btn c-btn--arrow-btn c-btn--arrow-btn--dark">linkName</a>
      </div>

    </div>

  </div>

</div>
```

*/
.c-structured-support
{
    padding: 8rem 0;
}
@media (max-width: 63.99em)
{
    .c-structured-support
    {
        padding-top: 4rem;
        padding-bottom: 6rem;
    }
}
@media (max-width: 47.99em)
{
    .c-structured-support
    {
        padding-bottom: 0;
    }
}
.c-structured-support__title
{
    font-size: 3.6rem;
    line-height: 1.16;

    margin: 0;
    /*
    &::before {
      margin-right: 2rem;
      content: $icon-contact;
      font-family: 'icomoon' !important;
      font-size: 2rem;
      opacity: 0.37;
    }
    */
}
@media (max-width: 63.99em)
{
    .c-structured-support__title
    {
        font-size: 2.4rem;
    }
}
.c-structured-support__load-more
{
    font-size: 1.4rem;

    width: calc(100% + 4rem);
    margin: 0 -2rem;
    padding: 2.2rem;

    letter-spacing: .05rem;

    color: #fff;
    border: none;
    border-top: .1rem solid rgba(235, 236, 242, .25); 
    background-color: #02143a;
}
.c-structured-support__load-more-arrow
{
    width: 1.7rem;
    margin-left: 1rem; 

    transform: rotate(90deg);
}
.c-structured-support__load-more-arrow--up
{
    transform: rotate(-90deg);
}
.c-structured-support__cards-container
{
    display: flex;

    margin: 0;
    margin-top: 6rem;
    padding-top: 3.5rem;
}
@media (max-width: 47.99em)
{
    .c-structured-support__cards-container
    {
        display: none;
    }
}
.c-structured-support__cards-container--mobile
{
    display: none;

    margin-top: 2.5rem; 
    padding-top: 0;
}
@media (max-width: 47.99em)
{
    .c-structured-support__cards-container--mobile
    {
        display: block;
    }
}
.c-structured-support__responsive-card-wrapper
{
    padding: 0 2rem;
    padding-bottom: 2.5rem;
}
.c-structured-support--dark .c-structured-support__title
{
    color: #fff;
}

/* ==========================================================================
   # Structured partners
   ========================================================================== */
/*
---
name: Structured partners
category: 03 - Organisms
---

Normal
```structured-partners.html
<div class="c-structured-partners">

  <div class="c-layer c-layer--no-v-padding">

    <h3 class="c-subtitle">Our partners</h3>

    <div class="c-structured-partners__cards-container">

      <div class="o-grid">

        <div class="u-1/2 u-1/1@tablet">

          <div class="c-partner-item aos-init aos-animate" data-aos="zoom-in" data-aos-delay="200">

            <p class="c-partner-item__title">Shannon Engine Support Limited</p>

            <p class="c-partner-item__description">Shannon Engine Support Limited (SES) est une filiale de CFM International, spécialisée dans la location de moteurs de rechange CFM56 et LEAP aux opérateurs du monde entier.</p>

            <a href="" class="c-partner-item__link">Link Lorem ipsum</a>

          </div>

        </div>

      </div>

    </div>

  </div>

</div>
```

*/
.c-structured-partners
{
    padding-top: 8rem;
    padding-bottom: 12rem;
}
@media (max-width: 47.99em)
{
    .c-structured-partners
    {
        padding-top: 2.8rem; 
        padding-bottom: 0;
    }
    .c-structured-partners .c-subtitle
    {
        margin-bottom: 2.2rem;
    }
}
.c-structured-partners__cards-container
{
    margin-top: 2rem;
}
@media (max-width: 47.99em)
{
    .c-structured-partners__cards-container
    {
        display: none;
    }
}
.c-structured-partners__cards-container--mobile
{
    display: none;
}
@media (max-width: 47.99em)
{
    .c-structured-partners__cards-container--mobile
    {
        display: block;
    }
}
.c-structured-partners__load-more-button
{
    font-size: 1.4rem; 

    width: calc(100% + 4rem);
    margin: 0 -2rem;
    padding: 2.4rem;

    color: #525668;
    border: .1rem solid #ebecf2;
    background-color: #eff8ff;
}

.c-structured-brochure
{
    position: relative; 

    width: 100%;
    height: 60rem;
}
.c-structured-brochure__background-desktop
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.c-structured-brochure__background-responsive
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: none;

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.c-structured-brochure__wrapper
{
    position: relative;
    top: 50%;
    left: 0;

    transform: translateY(-50%);
}
.c-structured-brochure__surtitle
{
    font-size: 1.4rem;
    line-height: 1.8;

    margin: 0;

    letter-spacing: .6rem;
    text-transform: uppercase; 

    color: #fff;
}
.c-structured-brochure__title
{
    font-size: 3.6rem;
    line-height: 1.16;

    margin: 0;
    margin-top: 1rem;

    color: #fff;
    text-shadow: 0 0 1rem rgba(0, 0, 0, .5);
}
.c-structured-brochure .c-btn
{
    display: inline-flex; 

    margin-top: 5.7rem;
}
@media (min-width: 48em)
{
    .c-structured-brochure .c-btn
    {
        padding-right: 6rem; 
        padding-left: 6rem;
    }
}
@media (max-width: 47.99em)
{
    .c-structured-brochure
    {
        height: 42rem;
    }
    .c-structured-brochure.u-bg--primary-dark
    {
        height: 25rem;
    }
    .c-structured-brochure__background-desktop
    {
        display: none;
    }
    .c-structured-brochure__background-responsive
    {
        display: block;
    }
    .c-structured-brochure__wrapper
    {
        position: relative;
        top: auto;
        left: auto;

        height: 100%; 

        transform: none;
    }
    .c-structured-brochure__surtitle
    {
        font-size: 1.2rem;
        line-height: 2;

        padding-top: 4rem;

        letter-spacing: .4rem; 

        color: #84899f;
    }
    .c-structured-brochure__title
    {
        font-size: 2.4rem; 

        margin-top: .5rem;
    }
    .c-structured-brochure .c-layer
    {
        height: 100%;
    }
}
@media (max-width: 47.99em)
{
    .c-structured-brochure .c-btn
    {
        position: absolute;
        bottom: 4rem;
        left: 2rem;

        width: calc(100% - 4rem);

        text-align: center;
    }
}

.c-structured-item-links
{
    padding-top: 4rem;
    padding-bottom: 4rem;
}
@media (min-width: 87.5em)
{
    .c-structured-item-links
    {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }
}
@media (max-width: 63.99em)
{
    .c-structured-item-links__cards-wrapper
    {
        box-shadow: none;
    }
}
.c-structured-item-links__card
{
    display: flex;

    padding: 2.3rem 4.3rem;
    padding-right: 4rem;
    padding-bottom: 2.4rem;

    transition: all .3s ease-in-out;

    color: #1b1d27;
    border: 1px solid #ebecf2;
    box-shadow: 0 4px 7px 0 rgba(0, 0, 0, .05); 

    align-items: center;
    justify-content: space-between;
}
.c-structured-item-links__card + .c-structured-item-links__card
{
    margin-top: 2rem;
}
@media (max-width: 63.99em)
{
    .c-structured-item-links__card
    {
        display: block;

        margin-top: 2rem;
        padding: 2rem;

        box-shadow: 0 4px 7px 0 rgba(0, 0, 0, .05);
    }
    .c-structured-item-links__card:first-child
    {
        margin-top: 0 !important;
    }
}
.c-structured-item-links__card:hover
{
    color: #1b1d27;
    box-shadow: 0 4px 7px 0 rgba(0, 0, 0, .1);
}
.c-structured-item-links__card:hover .c-btn.c-btn--arrow-btn::after
{
    transform: scale(1);
    animation-name: hvr-icon-drop-horizontal;
    animation-duration: .6s;
    animation-timing-function: ease-in-out; 
    animation-iteration-count: 1;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}
.c-structured-item-links__card-content
{
    display: flex;
    flex-direction: column;

    align-items: center;
}
@media (min-width: 64em)
{
    .c-structured-item-links__card-content
    {
        flex-direction: row;
    }
}
.c-structured-item-links__card-img
{
    width: 1.8rem;
    height: 1.8rem;
    margin-right: 2rem;
}
@media (max-width: 63.99em)
{
    .c-structured-item-links__card-img
    {
        display: block;

        margin: auto;
    }
}
.c-structured-item-links__card-title
{
    line-height: 1.8rem;

    display: inline-block;

    margin-left: 1rem;
}
@media (max-width: 63.99em)
{
    .c-structured-item-links__card-title
    {
        font-size: 1.6rem;
        line-height: 1.37; 

        display: block;

        max-width: 25rem;
        margin: 0 auto;
        padding-top: 1rem;

        text-align: center;
    }
}
@media (min-width: 64em)
{
    .c-structured-item-links__card-link
    {
        flex-shrink: 0;
    }
}
@media (max-width: 63.99em)
{
    .c-structured-item-links .c-btn.c-btn--arrow-btn
    {
        margin-top: 2rem; 
        padding: 0;
    }
    .c-structured-item-links .c-btn.c-btn--arrow-btn::after
    {
        margin-top: .5rem;
    }
}
@media (max-width: 63.99em) and (max-width: 63.99em)
{
    .c-structured-item-links .c-btn.c-btn--arrow-btn
    {
        display: flex;
        flex-direction: column;

        margin-right: 0; 
        padding-right: 0;
        padding-left: 0;
    }
}
@media (max-width: 63.99em) and (max-width: 63.99em)
{
    .c-structured-item-links .c-btn.c-btn--arrow-btn::after
    {
        position: relative;
        top: initial;
        right: initial;

        display: block;

        margin-top: .5rem;
    }
}
@media screen and (max-width: 63.99em) and (-ms-high-contrast: active), (max-width: 63.99em) and (-ms-high-contrast: none)
{
    .c-structured-item-links .c-btn.c-btn--arrow-btn::after
    {
        padding-bottom: 1rem;
    }
}

.c-structured-item-links + .c-structured-item-links
{
    margin-top: -2rem; 
    padding-top: 0;
}
@media (min-width: 87.5em)
{
    .c-structured-item-links + .c-structured-item-links
    {
        margin-top: -4rem; 
        padding-top: 0;
    }
}

.c-structured-footnotes
{
    width: 100%;
    margin: 0 auto; 
    padding: 1rem 2rem;
}
@media (min-width: 64em)
{
    .c-structured-footnotes
    {
        padding: 2rem 0rem;
    }
}
.c-structured-footnotes__title
{
    font-size: 1.4rem;

    display: block;

    margin-bottom: 2rem;

    letter-spacing: .05rem; 

    color: #525668;
}
@media (min-width: 64em)
{
    .c-structured-footnotes__title
    {
        font-size: 1.6rem;
    }
}
.c-structured-footnotes__container ol,
.c-structured-footnotes__container ul
{
    list-style: none;

    counter-reset: li;
}
.c-structured-footnotes__container ol li,
.c-structured-footnotes__container ul li
{
    font-size: 1.3rem;
    line-height: 1.6rem;

    position: relative;

    margin-bottom: 2rem;
    padding-left: 1.5rem;

    counter-increment: li; 
    letter-spacing: .05rem;

    color: #84899f;
}
.c-structured-footnotes__container ol li::before,
.c-structured-footnotes__container ul li::before
{
    font-size: 1.3rem;
    font-weight: bold;

    position: absolute;
    top: -.6rem;
    left: 0rem;

    content: counter(li); 

    color: #7596d4;
}

.c-structured-know-more-section
{
    background-color: #e7eaf2;
}
@media (max-width: 63.99em)
{
    .c-structured-know-more-section
    {
        padding: 4rem 3rem 3rem 3rem;
    }
}
.c-structured-know-more-section__title
{
    font-size: 2.4rem;

    text-align: center;
}
@media (min-width: 64em)
{
    .c-structured-know-more-section__title
    {
        font-size: 3.6rem;
    }
}
.c-structured-know-more-section__container
{
    display: flex;
    flex-direction: column;

    width: 100%;
    max-width: 110rem;
    margin: 0 auto; 
    padding-top: 3rem;

    flex-wrap: wrap;
}
@media (min-width: 64em)
{
    .c-structured-know-more-section__container
    {
        flex-direction: row;

        padding-top: 6rem;
    }
}
.c-structured-know-more-section__item
{
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.6rem;

    display: flex;
    flex-direction: row;

    padding: 1.2rem 0;

    text-align: left;
    letter-spacing: .28rem;
    text-transform: uppercase; 

    color: #073a7c;

    flex-basis: calc(33% - 6rem);
    align-items: flex-start;
}
@supports (grid-gap: 0)
{
    .c-structured-know-more-section__item
    {
        flex-basis: calc(33% - 4rem);
    }
}
@media (min-width: 48em)
{
    .c-structured-know-more-section__item
    {
        padding: 1.5rem 0;
    }
}
@media (min-width: 64em)
{
    .c-structured-know-more-section__item
    {
        padding: 2rem;
    }
    .c-structured-know-more-section__item:first-child,
    .c-structured-know-more-section__item:nth-child(4),
    .c-structured-know-more-section__item:nth-child(7)
    {
        margin-left: 6rem;
    }
}
.c-structured-know-more-section__item__icon
{
    max-width: 1.8rem;
    height: 1.8rem; 
    margin-right: 2rem;
}
.c-structured-know-more-section__item:hover
{
    color: #255b8e;
}
.interview .c-structured-know-more-section .c-layer
{
    padding: 12rem 8rem;
}
@media (max-width: 87.49em)
{
    .interview .c-structured-know-more-section .c-layer
    {
        padding: 2rem 4rem;
    }
}
@media (max-width: 63.99em)
{
    .interview .c-structured-know-more-section .c-layer
    {
        padding: 2rem 4rem;
    }
}
@media (max-width: 47.99em)
{
    .interview .c-structured-know-more-section .c-layer
    {
        padding: 2rem;
    }
}
@media (max-width: 29.99em)
{
    .interview .c-structured-know-more-section .c-layer
    {
        padding: 2rem;
    }
}

.c-structured-audio
{
    padding-top: 4rem;
    padding-bottom: 4rem;
}
@media (min-width: 64em)
{
    .c-structured-audio
    {
        padding-top: 7rem;
        padding-bottom: 7rem;
    }
}

.c-structured-podcast-chapters
{
    padding-top: 4rem;
    padding-bottom: 4rem;
}
@media (min-width: 64em)
{
    .c-structured-podcast-chapters
    {
        padding-top: 7rem;
        padding-bottom: 7rem;
    }
}
.c-structured-podcast-chapters__title
{
    text-align: center;
}
.c-structured-podcast-chapters__title h2
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.6rem;

    margin: 0; 

    letter-spacing: 2.5px;
    text-transform: uppercase;
}
.c-structured-podcast-chapters--dark .c-structured-podcast-chapters__title h2
{
    color: #fff;
}

.c-structured-list-podcast__title
{
    font-size: 3.6rem;
    font-weight: 400;
    line-height: 1.2;

    padding-top: 9.6rem !important;
    padding-bottom: 3rem;

    color: #141d29;
}
@media (max-width: 63.99em)
{
    .c-structured-list-podcast__title h1
    {
        font-size: 2.8rem;
    }
}
.c-structured-list-podcast__title--dark h1
{
    color: #fff;
}
@media (min-width: 64em)
{
    .c-structured-list-podcast__title
    {
        padding-top: 17.1rem !important;
        padding-bottom: 6.6rem;
    }
}
@media (min-width: 87.5em)
{
    .c-structured-list-podcast__title
    {
        padding-top: 21.1rem !important;
    }
}

.c-structured-list-podcast__links--container
{
    display: flex;
    flex-direction: column;

    padding: 3.25rem 3rem; 

    align-items: flex-start;
}
@media (min-width: 64em)
{
    .c-structured-list-podcast__links--container
    {
        padding: 4rem 12rem;
    }
}

.c-structured-list-podcast__links--links
{
    display: flex;
    flex-direction: column;

    align-items: flex-start;
    justify-content: center;
    align-self: flex-start;
}
.c-structured-list-podcast__links--links a
{
    font-size: 1.2rem;

    display: flex;

    min-height: 35px;
    margin-top: 10px;

    letter-spacing: 2.5px;
    text-transform: uppercase;

    color: #fff; 

    flex-flow: row;
    align-items: center;
}
.c-structured-list-podcast__links--links a img
{
    width: 25px; 
    margin-right: 10px;
}
.c-structured-list-podcast__links--links a:first-of-type
{
    margin-top: 0;
}
@media (min-width: 64em)
{
    .c-structured-list-podcast__links--links
    {
        flex-direction: row;

        align-items: center;
        justify-content: flex-end;
        align-self: flex-end;
    }
    .c-structured-list-podcast__links--links a
    {
        margin-top: 0; 
        margin-left: 35px;
    }
    .c-structured-list-podcast__links--links a:first-of-type
    {
        margin-left: 0;
    }
}

.c-structured-list-podcast__list
{
    padding-top: 3rem;
    padding-right: 2rem; 
    padding-bottom: 6rem;
    padding-left: 2rem;
}
.c-structured-list-podcast__list--dark
{
    color: #fff;
}
.c-structured-list-podcast__list--dark .c-structured-search-results__header__text,
.c-structured-list-podcast__list--dark .pagination__page
{
    color: #fff;
}
.c-structured-list-podcast__list .c-structured-search-results__pagination-wrapper
{
    margin-top: 4rem;
    margin-bottom: 0;
}
@media (min-width: 64em)
{
    .c-structured-list-podcast__list
    {
        padding-right: 8rem; 
        padding-left: 8rem;
    }
}

body.publications-page .c-structured-tab-filters__form-filters__current-filters
{
    padding: 3rem 18rem;
}
@media (max-width: 87.49em)
{
    body.publications-page .c-structured-tab-filters__form-filters__current-filters
    {
        padding: 3rem 8rem;
    }
}
@media (max-width: 63.99em)
{
    body.publications-page .c-structured-tab-filters__form-filters__current-filters
    {
        padding: 3rem 5rem;
    }
}

body.publications-page .c-structured-tab-filters__form-filters__current-filter
{
    padding-left: 0;
}

body.publications-page .c-structured-tab-filters__tabs__item .c-tag-filters
{
    padding: 4rem 17.5rem;
}
@media (max-width: 87.49em)
{
    body.publications-page .c-structured-tab-filters__tabs__item .c-tag-filters
    {
        padding: 4rem 9.5rem;
    }
}
@media (max-width: 63.99em)
{
    body.publications-page .c-structured-tab-filters__tabs__item .c-tag-filters
    {
        padding: 4rem;
    }
}

body.publications-page .c-structured-tab-filters__tabs__item__datepicker
{
    padding: 4rem 18rem;
}
@media (max-width: 87.49em)
{
    body.publications-page .c-structured-tab-filters__tabs__item__datepicker
    {
        padding: 4rem 10rem;
    }
}
@media (max-width: 63.99em)
{
    body.publications-page .c-structured-tab-filters__tabs__item__datepicker
    {
        padding: 4rem 5rem;
    }
}

.c-structured-tab-filters
{
    display: none;
}
@media (min-width: 48em)
{
    .c-structured-tab-filters
    {
        display: block;
    }
}
.c-structured-tab-filters__container
{
    border-top: 1px solid rgba(0, 0, 0, .05);
}
.c-structured-tab-filters__items
{
    position: relative;
    z-index: 2; 

    padding: 3rem;

    box-shadow: 0 4px 7px 0 rgba(0, 0, 0, .05);
}
@media (min-width: 48em)
{
    .c-structured-tab-filters__items
    {
        display: flex;
        flex-direction: row;

        align-items: center;
        justify-content: center;
    }
}
.c-structured-tab-filters__item
{
    font-size: 1.8rem;
    line-height: 2.6rem; 

    display: flex;
    flex-direction: row;

    padding: 0 5rem;

    color: #1b1d27;
    border: 0;
    background-color: transparent;

    align-items: center;
}
.c-structured-tab-filters__item::after
{
    font-family: 'icomoon' !important;
    font-size: 1.3rem;

    margin-top: .4rem; 
    margin-left: 1rem;

    content: '';
    transition: transform .4s;
    transform: rotate(90deg);

    color: inherit;

    will-change: transform;
}
.c-structured-tab-filters__item--active
{
    color: #255b8e;
}
.c-structured-tab-filters__item--active::after
{
    transform: rotate(-90deg);
}
.c-structured-tab-filters__tabs
{
    background-color: #f9fafc;
}
.c-structured-tab-filters__tabs__item
{
    visibility: hidden;
    overflow: hidden;

    height: 0;

    transition: all .5s ease-in-out; 

    opacity: 0;
}
.c-structured-tab-filters__tabs__item--active
{
    visibility: visible;
    overflow: unset;

    height: auto; 

    opacity: 1;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active)
{
    .c-structured-tab-filters__tabs__item--active
    {
        overflow: visible !important;
    }
}
.c-structured-tab-filters__tabs__item__select
{
    display: flex;
    flex-direction: row;

    padding: 4rem 8rem; 

    align-items: flex-start;
}
.c-structured-tab-filters__tabs__item__datepicker
{
    padding: 4rem 8rem;
}
.c-structured-tab-filters__form-filters__btn-container
{
    display: flex;
    flex-direction: row;

    align-items: center;
}
.c-structured-tab-filters__form-filters__current-filters
{
    display: flex;

    padding: 4rem 8rem;

    background-color: #f9fafc; 

    align-items: center;
    justify-content: space-between;
}
.c-structured-tab-filters__form-filters__current-filters__container
{
    display: flex;
    flex-direction: row;

    width: 100%; 

    justify-content: space-between;
    align-items: center;
}
.c-structured-tab-filters__form-filters__reset-container
{
    padding: 0 4rem; 

    text-align: right;

    flex-basis: 25rem;
}
@media (max-width: 63.99em)
{
    .c-structured-tab-filters__form-filters__reset-container
    {
        padding: 0 1rem;
    }
}
.c-structured-tab-filters__form-filters__reset-container .c-btn
{
    padding-left: 0;
}
.c-structured-tab-filters__form-filters__reset-container .c-btn a
{
    min-width: 13rem;
}
.c-structured-tab-filters__form-filters__current-filters-container
{
    padding-top: 5.2rem;
    padding-bottom: 4rem;
}
.c-structured-tab-filters__form-filters__current-filter
{
    font-size: 1.4rem;
    line-height: 1.21; 

    padding: .8rem;

    color: #3b3e4d;
}
.c-structured-tab-filters__form-filters__current-filter--content
{
    display: inline-block;

    margin: 1rem 0 1rem 1.5rem;
    padding: 0rem .8rem .4rem .8rem;

    color: #fff; 
    border-radius: .4rem;
    background-color: #255b8e;
}
.c-structured-tab-filters__form-filters__current-filter--container
{
    display: inline-block;

    margin-bottom: 1rem;
}
.c-structured-tab-filters__form-filters__current-filter--container:first-child
{
    margin-right: 1.5rem;
}
.c-structured-tab-filters__form-filters__current-filter--container .c-structured-tab-filters__form-filters__current-filter--content
{
    line-height: inherit;

    display: inline-block;

    margin-left: 1.5rem;
    padding: .8rem;

    vertical-align: middle;

    color: #fff; 
    border-radius: .4rem;
    background-color: #255b8e;
}
.c-structured-tab-filters__form-filters__current-filter--container .c-structured-tab-filters__form-filters__current-filter--content:first-child
{
    margin-left: 0;
}
.c-structured-tab-filters__form-filters__current-filter--container .c-structured-tab-filters__form-filters__current-filter--content a
{
    line-height: 0;
}
.c-structured-tab-filters__form-filters__current-filter + .c-structured-tab-filters__form-filters__current-filter
{
    margin-left: 1.5rem;
}
.c-structured-tab-filters__form-filters__remove-icon
{
    width: 1.4rem;
    height: auto;
    margin-left: .7rem;
}

@media (max-width: 87.5em)
{
    .c-structured-tab-filters__form-filters__current-filters
    {
        padding-top: 2rem;
    }
    .c-structured-tab-filters__tabs__item__datepicker
    {
        padding: 4rem;
    }
    .c-structured-tab-filters__tabs__item__select
    {
        padding: 4rem;
    }
}

.c-structured-news-list
{
    display: flex;
    flex-direction: column;

    padding: 6rem 4rem 0rem 4rem;
}
@media (max-width: 63.99em)
{
    .c-structured-news-list
    {
        margin-top: -1rem; 
        padding: 0;
    }
}
@media (min-width: 64em)
{
    .c-structured-news-list.c-pr-list
    {
        padding-bottom: 4rem;
    }
}
.is-mobile .c-structured-news-list__results
{
    display: none;
}
@media (min-width: 64em)
{
    .c-structured-news-list__results
    {
        padding-bottom: 3rem;
    }
}
.c-structured-news-list__results--nb
{
    color: #255b8e;
}
@media (max-width: 63.99em)
{
    .c-structured-news-list__results
    {
        display: none;
    }
}
.c-structured-news-list .l-background
{
    height: 100%;
}
.c-structured-news-list .title
{
    margin-bottom: 4rem;
}
@media (max-width: 63.99em)
{
    .c-structured-news-list .title
    {
        margin-bottom: 2.5rem;

        text-align: center;
    }
}
.c-structured-news-list .c-showcase-news
{
    padding-bottom: 2.5rem;
}
@media (min-width: 64em)
{
    .c-structured-news-list .c-showcase-news
    {
        padding-bottom: 4rem;
    }
}
.c-structured-news-list .c-showcase-news::after
{
    width: 100%;
    margin-left: 0;
}
.c-structured-news-list .c-showcase-news.no-border::after
{
    width: 0;
}
.c-structured-news-list__button
{
    margin-top: 0;

    text-align: right;
}
@media (max-width: 63.99em)
{
    .c-structured-news-list__button
    {
        text-align: center;
    }
}
@media (max-width: 63.99em)
{
    .c-structured-news-list--small
    {
        padding-bottom: 5rem;
    }
}
@media (max-width: 63.99em)
{
    .c-structured-news-list--small .title
    {
        font-size: 1.2rem;

        margin-bottom: 0;

        text-align: left;
    }
}
.c-structured-news-list--small .c-structured-news__content p
{
    font-size: 1.6rem;
}
.c-structured-news-list--press .c-showcase-news
{
    padding: 0;
}
@media (max-width: 63.99em)
{
    .c-structured-news-list--normal
    {
        border-bottom: .1rem solid #d1d6e6;
    }
}
.c-structured-news-list--light
{
    background-color: #f9fafc;
}
.c-structured-news-list--white
{
    background-color: #fff;
}
@media (max-width: 63.99em)
{
    .c-structured-news-list--last-child
    {
        padding-bottom: 0;

        border-bottom: 0;
    }
}
.c-structured-news-list__alert
{
    position: relative;

    display: flex;
    flex-direction: column;

    margin-right: -2rem;
    margin-left: -2rem;
    padding: 2.8rem 2rem 2.8rem 8rem;

    cursor: pointer; 

    background-color: rgba(49, 94, 93, .1);

    justify-content: flex-start;
}
@media (min-width: 64em)
{
    .c-structured-news-list__alert
    {
        width: 100%;
        height: calc(100% - 4rem);
        min-height: 40rem;
        margin: 0 0 4rem 0; 
        padding: 0 7rem;

        align-items: center;
        justify-content: center;
    }
    .c-structured-news-list__alert:hover .c-structured-news-list__alert__icon
    {
        transform: translate(-50%, -.3rem);
    }
    .c-structured-news-list__alert:hover .c-structured-news-list__alert__icon::after
    {
        opacity: 1;
    }
}
@media (min-width: 87.5em)
{
    .c-structured-news-list__alert
    {
        padding: 0 10rem;
    }
}
.c-structured-news-list__alert__icon
{
    position: absolute;
    top: 50%;
    left: 0;

    display: flex;

    width: 6.3rem;
    height: 7.2rem;

    transition: transform .3s ease-in-out; 
    transform: translateY(-50%);

    background-color: #315e5d;

    align-items: center;
    justify-content: center;
}
@media (min-width: 64em)
{
    .c-structured-news-list__alert__icon
    {
        position: absolute;
        top: -.7rem;
        left: 50%;

        width: 8.7rem;
        height: 10.8rem;

        transform: translateX(-50%);
    }
    .c-structured-news-list__alert__icon::after
    {
        position: absolute;
        top: 0;
        left: 0;

        display: block;

        width: 100%;
        height: 100%;

        content: '';
        transition: opacity .2s ease-in-out; 

        opacity: 0;
        background-color: transparent;
        box-shadow: 0 0 1rem rgba(0, 0, 0, .15);
    }
}
.c-structured-news-list__alert__icon--img
{
    width: 2.4rem;
    height: 2.4rem;
}
.c-structured-news-list__alert__title
{
    font-size: 1.8rem;
    line-height: 2.4rem;

    display: block;

    text-align: left; 

    color: #315e5d;
}
@media (min-width: 64em)
{
    .c-structured-news-list__alert__title
    {
        font-size: 2.8rem;
        line-height: 3.6rem;

        padding-bottom: 1rem;

        text-align: center;
    }
}
.c-structured-news-list__alert__title:hover
{
    color: #315e5d;
}
.c-structured-news-list__alert__subtitle
{
    font-size: 1.4rem;
    line-height: 1.8rem;

    display: block;

    text-align: left; 

    color: #1b1d27;
}
@media (min-width: 64em)
{
    .c-structured-news-list__alert__subtitle
    {
        font-size: 1.6rem;
        line-height: 2rem;

        text-align: center;
    }
}

@media (max-width: 48em)
{
    .news-list-item:last-child .c-showcase-news:after
    {
        width: 0;
    }
}

.map
{
    padding: 8rem 8rem 0 8rem;
}
.map__title h2
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 2.8rem;
    line-height: 3.6rem;

    margin: 0;

    letter-spacing: 0; 

    color: #141d29;
}

.c-structured-workplace-map
{
    position: relative;

    display: block;

    padding: 0rem 8rem 4rem 8rem;
}
.c-structured-workplace-map:last-child
{
    padding-top: 0; 
    padding-bottom: 8rem;
}
.c-structured-workplace-map__location
{
    display: block;

    margin-top: 2.6rem;
}
.c-structured-workplace-map__location--text
{
    display: inline-block;

    margin-right: 3.3rem;
}
.c-structured-workplace-map__location--text img
{
    display: inline-block;

    vertical-align: top;

    filter: invert(47%) sepia(30%) saturate(1015%) hue-rotate(167deg) brightness(96%) contrast(93%);
}
.c-structured-workplace-map__location--text p
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 2rem; 

    display: inline-block;

    margin-top: -.4rem;
    margin-left: .6rem;

    letter-spacing: .6px;

    color: #525668;
}
.c-structured-workplace-map__location--button
{
    display: inline-block;

    vertical-align: top;
}
.c-structured-workplace-map__location--button .c-btn
{
    display: flex;
    flex-direction: row;

    padding: 1.9rem 4.2rem; 

    align-items: center;
}
.c-structured-workplace-map__location--button--icon
{
    font-size: 1.6rem; 

    display: inline-block;

    margin-right: 2rem;
}

.background-custom
{
    width: 70%; 

    background-color: #f9fafc;
}

.leaflet-control-zoom
{
    margin-top: 2rem !important;
    margin-left: 2rem !important;

    border: 0 !important; 
    box-shadow: 0 0 .3rem rgba(17, 39, 83, .3) !important;
}
.leaflet-control-zoom a
{
    line-height: 49px !important;

    width: 49px !important;
    height: 49px !important;

    text-indent: -999999999px; 

    border-radius: 2px !important;
    background: #f9fafc !important;
}
@media (min-width: 64em)
{
    .leaflet-control-zoom a
    {
        box-shadow: 0 .1rem .5rem rgba(0, 0, 0, .3);
    }
}
.leaflet-control-zoom a.leaflet-control-zoom-in
{
    margin-bottom: .1rem;

    background-image: url('../images/icons/add.svg') !important;
    background-repeat: no-repeat !important;
    background-position: center !important; 
    background-size: 53% !important;
}
.leaflet-control-zoom a.leaflet-control-zoom-out
{
    background-image: url('../images/icons/subtract.svg') !important;
    background-repeat: no-repeat !important;
    background-position: center !important; 
    background-size: 50% !important;
}

@media (max-width: 87.5em)
{
    .map
    {
        padding: 4rem 4rem 0rem 4rem;
    }
    .c-structured-workplace-map
    {
        padding: 0rem 4rem 4rem 4rem;
    }
    .c-structured-workplace-map:last-child
    {
        padding-bottom: 4rem;
    }
}

@media (max-width: 48em)
{
    .background-custom
    {
        width: 100%; 
        max-width: inherit;
    }
    .map
    {
        padding: 4rem 4rem 0rem 4rem;
    }
    .map__title h2
    {
        font-size: 1.8rem;
        line-height: 2.4rem; 

        letter-spacing: 1px;
    }
    .c-structured-workplace-map
    {
        padding: 0rem 4rem 4rem 4rem;
    }
    .c-structured-workplace-map__location--text
    {
        display: block;
    }
    .c-structured-workplace-map__location--text p
    {
        font-size: 1.4rem;
        line-height: 1.8rem; 

        letter-spacing: .53px;
    }
    .c-structured-workplace-map__location--button
    {
        display: block;

        padding: 0;

        text-align: left; 

        border: 0;
        background-color: transparent;
    }
    .c-structured-workplace-map__location--button p
    {
        font-family: 'Barlow', Arial, sans-serif;
        font-size: 1.6rem;
        line-height: 1.8rem; 

        margin-top: 0;
        margin-bottom: 0;
        margin-left: 2.6rem;

        letter-spacing: inherit;

        color: #255b8e;
    }
}

@media (max-width: 30em)
{
    .map
    {
        padding: 4rem 2rem 0rem 2rem;
    }
    .c-structured-workplace-map
    {
        padding: 0rem 2rem 4rem 2rem;
    }
}

.c-structured-desc-panel
{
    padding: 8rem;
}
.c-structured-desc-panel__image
{
    display: inline-block;

    margin-right: 6.8rem;
    margin-left: -2.5rem;
}
.c-structured-desc-panel__text
{
    display: inline-block;

    max-width: 468px;

    vertical-align: middle;
}
.c-structured-desc-panel__text p
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.8rem;
    line-height: 2.6rem; 

    letter-spacing: 0;

    color: #1b1d27;
}

@media (max-width: 87.5em)
{
    .c-structured-desc-panel
    {
        padding: 4rem;
    }
}

@media (max-width: 48em)
{
    .c-structured-desc-panel__text
    {
        max-width: inherit;
    }
}

@media (max-width: 30em)
{
    .c-structured-desc-panel
    {
        padding: 4rem 2rem;
    }
    .c-structured-desc-panel__text p
    {
        font-size: 1.6rem;
        line-height: 2.2rem;
    }
}

.c-structured-interested-offer
{
    position: relative;

    display: block;

    padding: 6rem 4rem;

    text-align: center;
}
.c-structured-interested-offer__title
{
    margin-bottom: 2.5rem;
}
.c-structured-interested-offer__title h2
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 2.4rem;
    line-height: 3rem;

    margin: 0;
}
.c-structured-interested-offer__button button
{
    font-size: 1.3rem; 

    display: block;

    margin: 0 auto;
}
.c-structured-interested-offer__button button:first-child
{
    margin-bottom: 2rem;
}

@media (max-width: 30em)
{
    .c-structured-interested-offer
    {
        padding: 4rem 2rem;
    }
}

.c-structured-learn-more
{
    position: relative;

    display: flex;

    padding: 8rem; 

    flex-flow: wrap;
    align-items: center;
}
.c-structured-learn-more__image
{
    display: flex;

    flex: 0 0 50%;
    align-items: center;
    flex-flow: row-reverse;
}
.c-structured-learn-more__image img
{
    width: 100%;
    height: auto;
}
.c-structured-learn-more .c-structured-learn-more-description
{
    flex: 0 0 50%;
}
.c-structured-learn-more .c-structured-learn-more-description__title
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 3.6rem;
    line-height: 4.2rem; 

    color: #141d29;
}
.c-structured-learn-more .c-structured-learn-more-description__button
{
    margin-top: 4rem;
}

@media (max-width: 87.5em)
{
    .c-structured-learn-more
    {
        padding: 4rem;
    }
}

@media (max-width: 64em)
{
    .c-structured-learn-more .c-structured-learn-more-description__title
    {
        font-size: 2.4rem;
        line-height: 3rem;
    }
}

@media (max-width: 48em)
{
    .c-structured-learn-more
    {
        align-items: inherit;
        flex-flow: column-reverse;
    }
    .c-structured-learn-more__image
    {
        flex-flow: inherit;
    }
    .c-structured-learn-more__image img
    {
        max-width: inherit;
    }
    .c-structured-learn-more .c-structured-learn-more-description
    {
        margin-top: 3rem;
    }
    .c-structured-learn-more .c-structured-learn-more-description__button
    {
        margin-top: 3rem;
    }
    .c-structured-learn-more .c-structured-learn-more-description__button button
    {
        width: 100%;
    }
}

@media (max-width: 30em)
{
    .c-structured-learn-more
    {
        padding: 4rem 2rem;
    }
}

.page_account .c-layer
{
    padding-bottom: 2rem;
}

.page_account .page-account-visible
{
    display: none;
}

.return-menu-account
{
    font-family: Barlow,Arial,sans-serif;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.5rem; 

    display: block;

    padding: 4rem 3rem;

    letter-spacing: 6px;
    text-transform: uppercase;

    color: #073a7c;
}
.return-menu-account i
{
    font-size: 2rem;
    line-height: 0;

    display: inline-block;

    transform: rotate(90deg);
    vertical-align: middle;
}

.ajax-progress
{
    position: absolute;
    top: 0;
    right: 0;

    display: none;
}

.c-wrapper-page-account
{
    display: flex;
    flex-direction: row;

    background-color: #f9fafc;
}

.c-structured-page-account .return-menu-account
{
    display: block;
}
@media (min-width: 48em)
{
    .c-structured-page-account .return-menu-account
    {
        display: none;
    }
}

.c-structured-page-account__block-title
{
    width: 100%;
    padding: 2rem;
}
@media (min-width: 48em)
{
    .c-structured-page-account__block-title
    {
        width: 80%;
        max-width: 845px;
        margin: 0 auto; 
        padding-top: 4rem;
    }
}

.c-structured-page-account__content
{
    display: block;

    width: 100%;
    height: auto;
}
.c-structured-page-account__content-form
{
    width: 100%;
    max-width: 845px;
    height: auto;
    margin: 4rem auto;
    padding: 2rem;

    background-color: #fff; 
    box-shadow: 0 4px 7px 0 rgba(0, 0, 0, .05);
}
@media (min-width: 48em)
{
    .c-structured-page-account__content-form
    {
        width: 80%; 
        padding: 4rem;
    }
}
.c-structured-page-account__content-form h4
{
    font-weight: 500; 

    margin-bottom: 3rem;

    color: inherit;
}
.c-structured-page-account__content-form .form-element-wrapper + h4
{
    margin-top: 4rem;
}
.c-structured-page-account__content-form summary
{
    display: none;
}
.c-structured-page-account__content-form .input-wrapper
{
    display: none;
}
.c-structured-page-account__content-form .form-is-safran-group
{
    margin-bottom: 2rem;
}
.c-structured-page-account__content-form .form-personal-infos,
.c-structured-page-account__content-form .form-project-infos
{
    display: flex;
    flex-direction: row;

    flex-wrap: wrap;
    justify-content: space-between;
}
.c-structured-page-account__content-form .form-personal-infos .block-element,
.c-structured-page-account__content-form .form-project-infos .block-element
{
    margin-bottom: 2rem; 

    flex-basis: calc(50% - 1.5rem);
}
.c-structured-page-account__content-form .form-personal-infos .block-element input,
.c-structured-page-account__content-form .form-project-infos .block-element input
{
    font-size: 1.4rem;

    max-height: 5.2rem;
}
.c-structured-page-account__content-form .form-personal-infos .block-element .iti,
.c-structured-page-account__content-form .form-project-infos .block-element .iti
{
    width: 100%;
}
.c-structured-page-account__content-form .form-personal-infos .block-element input[type=tel],
.c-structured-page-account__content-form .form-project-infos .block-element input[type=tel]
{
    height: 5.2rem;
    padding-left: 5rem;
}
.c-structured-page-account__content-form .form-personal-infos .block-element select,
.c-structured-page-account__content-form .form-project-infos .block-element select
{
    font-size: 1.4rem;

    width: 100%; 
    height: 5.2rem;
    padding-left: 1rem;

    color: #525668;
    border: .1rem solid #bcbfcf;
}
@media (max-width: 87.5em)
{
    .c-structured-page-account__content-form .form-personal-infos .block-element,
    .c-structured-page-account__content-form .form-project-infos .block-element
    {
        flex-basis: 100%;
    }
}
@media (max-width: 48em)
{
    .c-structured-page-account__content-form .form-personal-infos .block-element,
    .c-structured-page-account__content-form .form-project-infos .block-element
    {
        flex-basis: 100%;
    }
}
.c-structured-page-account__content-form .block-form-press
{
    display: flex;
    flex-direction: column;

    margin-bottom: 4rem; 

    flex-wrap: wrap;
    justify-content: space-between;
}
.c-structured-page-account__content-form .block-form-press .block-element
{
    width: calc(50% - 1.5rem); 

    flex-basis: calc(50% - 1.5rem);
}
@media (max-width: 48em)
{
    .c-structured-page-account__content-form .block-form-press .block-element
    {
        width: 100%; 

        flex-basis: 100%;
    }
}
.c-structured-page-account__content-form .block-form-press .description
{
    font-size: 1.4rem;

    margin-left: 3rem;
}
.c-structured-page-account__content-form .form-item .input-wrapper
{
    display: block;
}
.c-structured-page-account__content-form .form-item .input-wrapper input
{
    font-size: 1.4rem; 

    max-height: 5.2rem;
    margin-right: 1.5rem;
    padding: 1rem 2rem;
}
.c-structured-page-account__content-form .form-item .form-tel
{
    padding-left: 5rem;
}
.c-structured-page-account__content-form .form-item .c-custom-checkbox__content::before
{
    margin-right: .8rem;
}
.c-structured-page-account__content-form .form-item .description
{
    font-size: 1.4rem;

    margin-left: 2.4rem;
}
@media (max-width: 48em)
{
    .c-structured-page-account__content-form .form-item
    {
        width: 100%;
        max-width: 100%;
    }
}
.c-structured-page-account__content-form .form-item .form-tel
{
    padding-left: 5rem;
}
.c-structured-page-account__content-form .form-item .c-custom-checkbox__content::before
{
    margin-right: .8rem;
}
.c-structured-page-account__content-form .form-item .description
{
    font-size: 1.4rem;

    margin-left: 2.4rem;
}
@media (max-width: 48em)
{
    .c-structured-page-account__content-form .form-item
    {
        width: 100%;
        max-width: 100%;
    }
}
.c-structured-page-account__content-form .form-select
{
    font-size: 1.4rem;

    width: 31rem; 
    height: 5rem;
    padding-left: 1rem;

    color: #525668;
    border: .1rem solid #bcbfcf;
}
.c-structured-page-account__content-form .form-select:focus
{
    border-color: #255b8e;
}
.c-structured-page-account__content-form .c-structured-search-product__form-filters__select-container
{
    margin-bottom: 4rem; 
    padding: 0;
}
.c-structured-page-account__content-form .block-newsletter-frequency
{
    display: flex;
    flex-direction: row;

    margin-bottom: 4rem; 

    flex-wrap: wrap;
}
.c-structured-page-account__content-form .block-newsletter-frequency .c-custom-radio
{
    margin-right: 4rem;
}
.c-structured-page-account__content-form .c-btn
{
    padding: 0;
}
.c-structured-page-account__content-form .c-btn input.button
{
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 5rem;

    padding: 0 4rem;

    cursor: pointer; 
    text-decoration: none;
    letter-spacing: .28rem;
    text-transform: uppercase;

    color: #fff;
    border: none;
    background: transparent;
}
.c-structured-page-account__content-form button.c-btn
{
    padding: 2rem 4rem;
}
.c-structured-page-account__content-form .block-press-form
{
    margin-bottom: 2rem;
}
.c-structured-page-account__content-form .block-press-form .form-item input
{
    width: 50%;
    max-width: 300px;
}
@media (max-width: 48em)
{
    .c-structured-page-account__content-form .block-press-form .form-item input
    {
        width: 100%;
        max-width: 100%;
    }
}
.c-structured-page-account__content-form .o-grid-form
{
    display: flex;
    flex-direction: row;

    flex-wrap: wrap;
    justify-content: space-between;
}
.c-structured-page-account__content-form .o-grid-form_input
{
    margin-bottom: 2rem; 

    flex-basis: calc(50% - 1.5rem);
}
@media (max-width: 48em)
{
    .c-structured-page-account__content-form .o-grid-form_input
    {
        flex-basis: 100%;
    }
}
.c-structured-page-account__content-form .o-grid-form span.c-btn
{
    margin-top: 2rem;
}
.c-structured-page-account__content-form .o-grid-form span.c-btn a
{
    font-size: 1.3rem;
    line-height: 5.2rem;

    padding: 2rem 4rem;
}
.c-structured-page-account__content-form .o-grid-form span.c-btn:hover a
{
    color: #fff;
}
.c-structured-page-account__content-form .safran-user-press-subscription .form-select
{
    width: 100%;
}
.c-structured-page-account__content-form table.responsive-enabled
{
    overflow-x: inherit;
    overflow-y: inherit;

    max-width: 100%;
    padding-bottom: 0; 

    white-space: normal;
}
.c-structured-page-account__content-form table.responsive-enabled thead
{
    display: none;
}
.c-structured-page-account__content-form table.responsive-enabled tbody tr
{
    position: relative;

    display: block; 

    height: auto;

    border: none;
}
.c-structured-page-account__content-form table.responsive-enabled tbody tr td
{
    font-size: 1.4rem;
    line-height: 2rem;

    padding-left: 2.5rem; 

    text-align: left;
}
.c-structured-page-account__content-form table.responsive-enabled tbody tr td:nth-of-type(1),
.c-structured-page-account__content-form table.responsive-enabled tbody tr td:nth-of-type(2)
{
    display: none;
}
.c-structured-page-account__content-form table.responsive-enabled tbody tr.password-policy-constraint-failed td
{
    color: #c6541c;
}
.c-structured-page-account__content-form table.responsive-enabled tbody tr.password-policy-constraint-failed::before
{
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 1.5rem;
    height: 1.5rem;

    content: '';
    transform: translateY(-50%);

    background-color: #c6541c; 
    background-size: 100% 100%;

            mask: url('../../public/images/icons/close.svg') no-repeat center/contain;
    -webkit-mask: url('../../public/images/icons/close.svg') no-repeat center/contain;
}
.c-structured-page-account__content-form table.responsive-enabled tbody tr.password-policy-constraint-passed td
{
    color: #126330;
}
.c-structured-page-account__content-form table.responsive-enabled tbody tr.password-policy-constraint-passed::before
{
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 1.5rem;
    height: 1.5rem;

    content: '';
    transform: translateY(-50%);

    background-color: #126330; 
    background-size: 100% 100%;

            mask: url('../../public/images/icons/check.svg') no-repeat center/contain;
    -webkit-mask: url('../../public/images/icons/check.svg') no-repeat center/contain;
}
.c-structured-page-account__content-form table.responsive-enabled#edit-password-policy-status tbody tr td
{
    color: #84899f;
}
.c-structured-page-account__content-form table.responsive-enabled#edit-password-policy-status tbody tr::before
{
    line-height: 1.5rem; 

    content: '-';

    color: #84899f;
    background-color: transparent;

            mask: inherit;
    -webkit-mask: inherit;
}
.c-structured-page-account__content-form #matching-pass
{
    font-size: 1.4rem;
    line-height: 2rem;

    position: relative;

    padding-left: 2.5rem; 

    text-align: left;
}
.c-structured-page-account__content-form #matching-pass.not-matching
{
    color: #c6541c;
}
.c-structured-page-account__content-form #matching-pass.not-matching::before
{
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 1.5rem;
    height: 1.5rem;

    content: '';
    transform: translateY(-50%);

    background-color: #c6541c; 
    background-size: 100% 100%;

            mask: url('../../public/images/icons/close.svg') no-repeat center/contain;
    -webkit-mask: url('../../public/images/icons/close.svg') no-repeat center/contain;
}
.c-structured-page-account__content-form #matching-pass.matching
{
    color: #126330;
}
.c-structured-page-account__content-form #matching-pass.matching::before
{
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 1.5rem;
    height: 1.5rem;

    content: '';
    transform: translateY(-50%);

    background-color: #126330; 
    background-size: 100% 100%;

            mask: url('../../public/images/icons/check.svg') no-repeat center/contain;
    -webkit-mask: url('../../public/images/icons/check.svg') no-repeat center/contain;
}
.c-structured-page-account__content-form .c-structured-tab-filters__form-filters__btn-container
{
    margin-top: 2rem;
}
.c-structured-page-account__content-form .allshow
{
    display: none;
}
.c-structured-page-account__content .block-buttons-checkbox
{
    display: flex;
    flex-direction: row;

    margin-bottom: 2rem; 

    flex-wrap: wrap;
}
.c-structured-page-account__content .block-buttons-checkbox .checkbox-tag-newsletter div
{
    line-height: 1.2rem;

    margin-right: 1.5rem;
    padding: 1rem 2rem;

    text-align: center;

    color: #1b1d27;
    border-radius: .4rem;
    background-color: #e7eaf2;

    flex-basis: calc(33% - 1rem);
}
.c-structured-page-account__content .block-buttons-checkbox .checkbox-tag-newsletter input[type=checkbox]
{
    position: absolute;

    clip: rect(0, 0, 0, 0);

    pointer-events: none;
}
.c-structured-page-account__content .block-buttons-checkbox .checkbox-tag-newsletter input[type=checkbox]:checked + div
{
    color: #fff; 
    background-color: #255b8e;
}

.c-content-block-menu
{
    display: flex;
    flex-direction: row;

    padding: 0 8rem; 

    flex-wrap: wrap;
    justify-content: space-between;
}
.c-content-block-menu__block
{
    margin-bottom: 4rem; 
    padding: 4rem;

    border-top: 6px solid #255b8e;
    border-radius: 0 0 4px 4px;
    background: #fff;
    box-shadow: 0 14px 12px rgba(59, 135, 204, .12);

    flex-basis: calc(33% - 1.5rem);
}
.c-content-block-menu__block .h4-like
{
    margin-bottom: 2rem;
    padding-bottom: 1rem;

    color: black;
    border-bottom: 1px solid #e7eaf2;
}
.c-content-block-menu__block:nth-of-type(1),
.c-content-block-menu__block:nth-of-type(2)
{
    flex-basis: calc(50% - 1.5rem);
}
.c-content-block-menu__block__link
{
    font-size: 1.8rem;
    line-height: 2rem;

    display: block; 

    margin-bottom: 2.5rem;
}
.c-content-block-menu__block__link .icon
{
    padding-left: 1rem;

    vertical-align: middle; 

    color: #bcbfcf;
}
.c-content-block-menu__block__access-text
{
    font-size: 14px;

    text-align: right;

    color: #84899f;
}
@media (max-width: 87.5em)
{
    .c-content-block-menu
    {
        padding: 0 4rem;
    }
}
@media (max-width: 64em)
{
    .c-content-block-menu__block
    {
        padding: 4rem 2rem;
    }
}
@media only screen and (max-width: 767px)
{
    .c-content-block-menu
    {
        flex-direction: column;

        padding: 0;
    }
    .c-content-block-menu__block
    {
        padding: 4rem 2rem;

        border-radius: 0; 

        flex-basis: 100%;
    }
}

#block-accountsidebarmenu
{
    display: none;
}
@media (min-width: 48em)
{
    #block-accountsidebarmenu
    {
        display: block;

        height: auto;
        padding-top: 13rem;

        background-color: rgba(231, 234, 242, .5); 

        flex-basis: 25%;
    }
}
@media (max-width: 64em)
{
    #block-accountsidebarmenu
    {
        padding-top: 8rem;
    }
}
@media (min-width: 64em)
{
    #block-accountsidebarmenu
    {
        padding-top: 12rem;
    }
}
#block-accountsidebarmenu .page_account
{
    padding-top: 0;

    background-color: transparent;
}
#block-accountsidebarmenu .page-account-invisible
{
    display: none;
}
#block-accountsidebarmenu .page-account-visible
{
    display: block;
}
#block-accountsidebarmenu .c-content-block-menu
{
    padding: 0;
}
#block-accountsidebarmenu .c-content-block-menu__block
{
    width: 100%; 
    margin-bottom: 0;

    border-top: 2px solid #e7eaf2;
    background: transparent;
    box-shadow: none;

    flex-basis: auto;
}
#block-accountsidebarmenu .c-content-block-menu__block .h4-like
{
    font-size: 1.4rem;

    text-transform: uppercase; 

    color: #525668;
    border-bottom: none;
}

.c-wrapper-page-account--col
{
    width: 100%;
    padding-top: 13rem;
}
.c-wrapper-page-account--col .messages
{
    width: 90%;
    margin-top: 4rem;
}
.c-wrapper-page-account--col .messages .c-crisis-banner
{
    height: auto !important;
}
.c-wrapper-page-account--col .messages .c-crisis-banner__icon
{
    width: auto;
    height: auto;
}
.c-wrapper-page-account--col .messages .c-crisis-banner__icon img
{
    width: 2.6rem;
    height: 2.6rem;
}
.c-wrapper-page-account--col .messages .c-crisis-banner__container
{
    min-height: 6.8rem;
}
@media (min-width: 48em)
{
    .c-wrapper-page-account--col .messages
    {
        width: 100%;
    }
}

#block-accountsidebarmenu + .c-wrapper-page-account--col
{
    height: auto; 
    padding-top: 6rem;

    flex-basis: 100%;
}
@media (min-width: 48em)
{
    #block-accountsidebarmenu + .c-wrapper-page-account--col
    {
        padding-top: 13rem; 

        flex-basis: 75%;
    }
}
#block-accountsidebarmenu + .c-wrapper-page-account--col .messages
{
    width: 80%;
    max-width: 845px;
    margin: 4rem auto 0;
}
#block-accountsidebarmenu + .c-wrapper-page-account--col .messages .c-crisis-banner
{
    height: auto !important;
}
#block-accountsidebarmenu + .c-wrapper-page-account--col .messages .c-crisis-banner__icon
{
    width: auto;
    height: auto;
}
#block-accountsidebarmenu + .c-wrapper-page-account--col .messages .c-crisis-banner__icon img
{
    width: 2.6rem;
    height: 2.6rem;
}
@media (max-width: 48em)
{
    #block-accountsidebarmenu + .c-wrapper-page-account--col .messages
    {
        width: 90%;
    }
}

.c-structured-contacts
{
    background-color: #f9fafc;
}
.c-structured-contacts--white
{
    background-color: #fff;
}
@media (max-width: 47.99em)
{
    .c-structured-contacts
    {
        padding-top: 2rem;
    }
}
.c-structured-contacts__title
{
    margin-bottom: 4rem;
}
@media (min-width: 48em)
{
    .c-structured-contacts__title
    {
        font-size: 3.6rem !important;
    }
}
.c-structured-contacts__container
{
    display: flex;
    flex-direction: column;
}
@media (min-width: 64em)
{
    .c-structured-contacts__container
    {
        flex-direction: row;

        flex-wrap: wrap;
        justify-content: space-between;
    }
}
.c-structured-contacts__item
{
    margin-bottom: 4rem; 

    flex-basis: calc(50% - 1.2rem);
}
.c-structured-contacts__item:not(.no-link)
{
    min-height: 369px;
}
@media (min-width: 64em)
{
    .c-structured-contacts__item
    {
        max-width: 50%;
    }
}

@media (max-width: 64em)
{
    .c-structured-contacts__item
    {
        min-height: auto;
    }
    .c-structured-contacts__item:first-child
    {
        margin-top: 0;
    }
    .c-structured-contacts__item:not(.no-link)
    {
        min-height: auto;
    }
    .c-structured-contacts__title
    {
        margin-bottom: 2.8rem;
    }
}

@media (max-width: 48em)
{
    .c-structured-contacts__title
    {
        font-size: 2.4rem !important;
        line-height: 2.4rem !important;

        letter-spacing: 1.33px !important;
    }
    .c-structured-contacts__item
    {
        flex: 1 1 auto;
    }
}

@media (max-width: 30em)
{
    .c-structured-contacts .c-layer
    {
        padding: 4rem 2rem;
    }
}

.c-list-contact .c-structured-contacts h2
{
    font-size: 2.8rem;
}
@media (max-width: 63.99em)
{
    .c-list-contact .c-structured-contacts h2
    {
        font-size: 2rem;
        line-height: 1.24;
    }
}

.c-structured-faq
{
    background-color: #f9fafc;
}
.c-structured-faq--white
{
    background-color: #fff;
}
.c-structured-faq__title
{
    margin-bottom: 4rem;
}
@media (min-width: 48em)
{
    .c-structured-faq__title
    {
        font-size: 3.6rem !important;
    }
}
.c-structured-faq__container
{
    display: flex;
    flex-direction: column;
}
@media (min-width: 64em)
{
    .c-structured-faq__container
    {
        flex-direction: row;

        flex-wrap: wrap;
        justify-content: space-between;
    }
}
.c-structured-faq__item
{
    margin-bottom: 4rem; 

    flex-basis: calc(50% - 1.2rem);
}
.c-structured-faq__item:not(.no-link)
{
    min-height: 369px;
}
@media (min-width: 64em)
{
    .c-structured-faq__item
    {
        max-width: 50%;
    }
}
.c-structured-faq h2
{
    font-size: 2.8rem;
}
.c-structured-faq h2:not(:first-of-type)
{
    margin-top: 2rem;
}
@media (max-width: 63.99em)
{
    .c-structured-faq h2
    {
        font-size: 2rem;
        line-height: 1.24; 

        margin-top: 2rem;
        margin-right: 3rem;
        margin-bottom: 2rem;
        margin-left: 3rem;
    }
    .c-structured-faq h2:not(:first-of-type)
    {
        margin-top: 3rem;
    }
}

@media (max-width: 64em)
{
    .c-structured-faq__item
    {
        min-height: auto;
    }
    .c-structured-faq__item:first-child
    {
        margin-top: 0;
    }
    .c-structured-faq__item:not(.no-link)
    {
        min-height: auto;
    }
    .c-structured-faq__title
    {
        margin-bottom: 2.8rem;
    }
}

@media (max-width: 48em)
{
    .c-structured-faq__title
    {
        font-size: 2.4rem !important;
        line-height: 2.4rem !important;

        letter-spacing: 1.33px !important;
    }
    .c-structured-faq__item
    {
        flex: 1 1 auto;
    }
}

.job-filter-mobile-form.c-structured-search .c-searchbar,
.job-filter-mobile-form.c-structured-search .c-searchbar
{
    margin-top: 0;
}

.job-filter-mobile-form.c-structured-search .c-btn--primary,
.job-filter-mobile-form.c-structured-search .c-btn--primary
{
    min-height: initial;
}

@media (max-width: 63.99em)
{
    .job-filter-mobile-form.c-structured-search,
    .job-filter-mobile-form.c-structured-search
    {
        padding-top: 2rem;
    }
}

.c-structured-search-offer__search .c-btn--search
{
    width: auto;
    padding: 2rem 4rem;
}
.c-structured-search-offer__search .c-btn--search:before
{
    margin-right: 10px;
    margin-left: -10px;
}

.job-filter-form.c-structured-search .form-actions-wrapper
{
    pointer-events: none;

    background-color: transparent;
}
.job-filter-form.c-structured-search .form-actions-wrapper .c-btn
{
    pointer-events: initial;
}

/* ==========================================================================
   # Structured search product
   ========================================================================== */
/*
---
name: Structured search product
category: 03 - Organisms
---

Normal
```structured-search-offer.html
<div class="c-structured-search-offer c-layer ">
  <h2 class="c-structured-search-offer__title">Product, services and support from Safran</h2>
  <div class="o-grid c-structured-search-offer__search">
    <div class=" u-1/1@table">
      <label>Type</label>
      <select class="js-custom-select u-hidden-visually" multiple="">
        <option>All types</option>
        <option>Type 1</option>
        <option>Type 2</option>
      </select>
      <div class="c-custom-select">
        <div class="c-custom-select__title"></div>
        <ul class="c-custom-select__list">
          <li class="c-custom-select__item">All types</li>
          <li class="c-custom-select__item">Type 1</li>
          <li class="c-custom-select__item">Type 2</li>
        </ul>
      </div>
    </div>
    <div class="u-2/4 u-1/1@tablet">
      <div class="c-searchbar">

        <label class="c-input">
          <input type="text" class="c-input__input">
          <span class="c-input__label">Search</span>
        </label>

        <button class="c-btn c-btn--primary c-btn--search "></button>

      </div>
    </div>
  </div>
  <div class="o-grid c-structured-search-offer__filter">
    <div class="u-1/3 u-1/1@tablet">
      <select class="js-custom-select u-hidden-visually" multiple="">
        <option>Entity</option>
        <option>Entity 2</option>
        <option>Entity 3</option>
      </select>
      <div class="c-custom-select">
        <div class="c-custom-select__title"></div>
        <ul class="c-custom-select__list">
          <li class="c-custom-select__item">Entity</li>
          <li class="c-custom-select__item">Entity 2</li>
          <li class="c-custom-select__item">Entity 3</li>
        </ul>
      </div>
    </div>
    <div class="u-1/3 u-1/1@tablet">
      <label>Program</label>
      <select class="js-custom-select u-hidden-visually" multiple="">
        <option></option>
        <option>Program 1</option>
        <option>Program 2</option>
      </select>
      <div class="c-custom-select">
        <div class="c-custom-select__title"></div>
        <ul class="c-custom-select__list">
          <li class="c-custom-select__item"></li>
          <li class="c-custom-select__item">Program 1</li>
          <li class="c-custom-select__item">Program 2</li>
        </ul>
      </div>
    </div>
    <div class="u-1/3 u-1/1@tablet">
      <label>Category</label>
      <select class="js-custom-select u-hidden-visually" multiple="">
        <option>All Category</option>
        <option>Category 1</option>
        <option>Category 2</option>
        <option>Category 3</option>
      </select>
      <div class="c-custom-select">
        <div class="c-custom-select__title"></div>
        <ul class="c-custom-select__list">
          <li class="c-custom-select__item">All Category</li>
          <li class="c-custom-select__item">Category 1</li>
          <li class="c-custom-select__item">Category 2</li>
          <li class="c-custom-select__item">Category 3</li>
        </ul>
      </div>
    </div>
  </div>
  <div class="c-structured-search-offer__link-container">
    <div>
      <a href="#" class="c-structured-search-offer__link">Landing</a>
      <a href="#" class="c-structured-search-offer__link">Lakota</a>
      <a href="#" class="c-structured-search-offer__link">Lorem</a>
    </div>
    <div>
      <a href="#" class="c-btn c-btn--simple">Reset filters</a>
      <a class="c-btn c-btn--primary c-btn--icon  c-btn--icon-search" href="#">
        Search
      </a>
    </div>
  </div>
</div>
```

*/
.c-structured-search-offer
{
    padding-bottom: .3rem;
}
@media (max-width: 63.99em)
{
    .c-structured-search-offer
    {
        display: none;

        padding-top: 12rem;
        padding-bottom: 2rem;
    }
}
.c-structured-search-offer__search
{
    padding-top: 6rem;
    padding-bottom: 4rem;
}
@media (max-width: 63.99em)
{
    .c-structured-search-offer__search
    {
        padding-top: 3rem;
        padding-bottom: 0;
    }
}
.c-structured-search-offer__search .c-custom-select
{
    min-width: 14rem;
    max-height: 5.2rem;

    background: #fff;
}
@media (max-width: 63.99em)
{
    .c-structured-search-offer__search .c-custom-select
    {
        margin-bottom: 2rem;
    }
}
.c-structured-search-offer__search .c-input__input
{
    min-height: 5.2rem;
}
.c-structured-search-offer__search .c-btn--search
{
    min-height: 5.2rem;

    border-left: none;
}
.c-structured-search-offer__search.o-grid
{
    padding-left: 4rem; 

    align-items: flex-end;
}
@media (max-width: 63.99em)
{
    .c-structured-search-offer__search.o-grid
    {
        padding-left: 0;
    }
}
.c-structured-search-offer__search.o-grid > *
{
    padding: 0;
}
@media (max-width: 63.99em)
{
    .c-structured-search-offer__search.o-grid > *
    {
        width: 100%;
        padding: 0 1rem;
    }
}
.c-structured-search-offer__searchbar-filter-wrapper
{
    position: relative;
}
.c-structured-search-offer__searchbar-filter-wrapper .c-searchbar__input-type-search
{
    position: absolute;
    top: 0;
    right: 0;
}
@media (max-width: 47.99em)
{
    .c-structured-search-offer__searchbar-filter-wrapper
    {
        display: flex;
    }
    .c-structured-search-offer__searchbar-filter-wrapper .c-structured-search-offer__searchbar-wrapper
    {
        padding-right: .5rem; 

        flex: 1;
    }
    .c-structured-search-offer__searchbar-filter-wrapper .c-btn.c-btn--primary.c-btn--filter
    {
        display: inline-block;
    }
}
.c-structured-search-offer__filter
{
    margin-top: 2rem;
}
.c-structured-search-offer__filter .c-custom-select
{
    background: #fff;
}
.c-structured-search-offer__filter.o-grid
{
    padding-left: 4rem; 

    align-items: flex-end;
}
@media (max-width: 63.99em)
{
    .c-structured-search-offer__filter.o-grid
    {
        padding-left: 0;
    }
}
.c-structured-search-offer__filter.o-grid > *
{
    padding: 0 4rem 0 0;
}
.c-structured-search-offer__filter.o-grid > *:last-child
{
    padding-right: 0;
}
@media (max-width: 63.99em)
{
    .c-structured-search-offer__filter.o-grid > *:last-child
    {
        padding-right: 2rem;
    }
}
@media (max-width: 63.99em)
{
    .c-structured-search-offer__filter.o-grid > *
    {
        padding: 0 2rem;
    }
}
.c-structured-search-offer--dark .c-structured-search-offer__title
{
    color: #fff;
}
.c-structured-search-offer__title
{
    margin: 0;
}
@media (max-width: 63.99em)
{
    .c-structured-search-offer__title
    {
        font-size: 2.4rem;
    }
}
.c-structured-search-offer__link
{
    font-size: 1.4rem; 

    position: relative;

    margin-right: 3rem;

    color: #1b1d27;
}
.c-structured-search-offer__link::before
{
    font-family: 'icomoon' !important;
    font-size: 1.2rem; 

    margin-right: .5rem;

    content: '';
}
.c-structured-search-offer__link-container
{
    display: flex;

    margin-top: 7rem; 
    padding-left: 2rem;

    align-items: center;
    justify-content: space-between;
}
@media (max-width: 63.99em)
{
    .c-structured-search-offer__link-container
    {
        margin-top: 4rem;

        text-align: center;
    }
}
.c-structured-search-offer .c-btn
{
    display: inline-flex;
}
.c-structured-search-offer__form-filters
{
    padding-top: 3rem;

    border-top: .5rem solid #fff;
}
@media (max-width: 47.99em)
{
    .c-structured-search-offer__form-filters
    {
        display: none;
    }
}
.c-structured-search-offer__form-filters__main-nav-container
{
    display: flex;

    justify-content: space-between;
}
.c-structured-search-offer__form-filters__select-containers
{
    display: flex;

    margin: 0 -1.5rem; 

    flex: 1;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.c-structured-search-offer__form-filters__select-container
{
    position: relative;

    margin-bottom: 4rem; 
    padding: 0 1.5rem;
}
.c-structured-search-offer__form-filters__select-container .c-custom-select
{
    width: 19.5rem;
}
.c-structured-search-offer__form-filters__buttons-container
{
    width: 20%;
    min-width: 21rem;
    margin-left: 2rem;

    text-align: right;
}
@media (min-width: 64em)
{
    .c-structured-search-offer__form-filters__buttons-container
    {
        flex: .3;
    }
}
@media (min-width: 87.5em)
{
    .c-structured-search-offer__form-filters__buttons-container
    {
        margin-left: 2rem; 

        flex: .2;
    }
}
.c-structured-search-offer__form-filters__buttons-container > *
{
    float: right; 

    margin-left: 2rem;
}
.c-structured-search-offer__form-filters__label
{
    font-size: 1.6rem;
    line-height: 1.25; 

    margin: 0;
    margin-bottom: 2.4rem;

    letter-spacing: .06rem;

    color: #525668;
}
.c-structured-search-offer__form-filters__label--center
{
    margin-bottom: 0;
}
.c-structured-search-offer__form-filters__select-label
{
    font-size: 1.1rem;
    line-height: 1.2; 

    position: absolute;
    top: -2.7rem;
    left: 1.6rem;

    color: #525668;
}
.c-structured-search-offer__form-filters__current-filters-reset-container
{
    display: flex;

    min-height: 136px; 
    padding-top: 1.2rem;

    align-items: center;
}
.c-structured-search-offer__form-filters__reset-container
{
    display: flex;
    flex-direction: row;

    text-align: right;

    flex: 1;
    justify-content: flex-end;
}
.c-structured-search-offer__form-filters__current-filters-container
{
    padding-top: 4rem;
    padding-bottom: 4rem;
}
.c-structured-search-offer__form-filters__current-filter
{
    font-size: 1.4rem;
    line-height: 1.21; 

    padding: .8rem;

    color: #3b3e4d;
}
.c-structured-search-offer__form-filters__current-filter--content
{
    margin-left: 1.5rem;
    padding: .8rem;

    color: #fff; 
    border-radius: .4rem;
    background-color: #255b8e;
}
.c-structured-search-offer__form-filters__current-filter + .c-structured-search-offer__form-filters__current-filter
{
    margin-left: 1.5rem;
}
.c-structured-search-offer__form-filters__remove-icon
{
    width: 1.4rem;
    height: auto;
    margin-left: .7rem;
}

/* ==========================================================================
   # Structured list product
   ========================================================================== */
/*
---
name: Structured list product
category: 03 - Organisms
---

Normal
`c-structured-list-offers.html
<div class="c-structured-list-offers c-layer ">
  <div class="o-grid o-grid--space-between">
    <span class="c-structured-list-offers__text">36 produits</span>
    <div class="o-grid">
      <button class="c-structured-list-offers__text js-toggle-view">Toggle grid mode</button>
      <button class="c-structured-list-offers__text c-structured-list-offers__text--arrow">Revelance</button>
    </div>
  </div>
  <div class="c-structured-list-offers__item o-grid">

    <div class="c-product-card-item">
      <div class="c-product-card-item__category c-caption c-caption__small">Product</div>
      <div class="c-product-card-item__title c-introduction c-introduction--small">Système de cockpit VFX2100</div>
      <div class="c-product-card-item__image" style="background-image: url('../assets/images/product-01.png')"></div>
      <a class="c-product-card-item__link" href="#">Turbines pour hélicoptères et groupes auxiliaires de puissance</a>
      <div class="c-product-card-item--big">
        <div>
          <div class="c-product-card-item--big__image" style="background-image: url('../assets/images/product-01.png')"></div>
        </div>
        <div class="c-product-card-item--big__content">
          <div class="c-product-card-item--big__category c-caption c-caption__small">Product</div>
          <div class="c-product-card-item--big__title c-introduction">Système de cockpit VFX2100</div>
          <a class="c-product-card-item--big__link" href="#">
            <img src="../assets/images/worldwide.svg" alt="picto">
            Turbines pour hélicoptères et groupes auxiliaires de puissance
          </a>
          <p>DESCRIPTION dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor.</p>
        </div>

      </div>
    </div>

    <div class="c-product-card-item">
      <div class="c-product-card-item__category c-caption c-caption__small">Product</div>
      <div class="c-product-card-item__title c-introduction c-introduction--small">Commande de vol Trianum</div>
      <div class="c-product-card-item__image" style="background-image: url('../assets/images/product-02.png')"></div>
      <a class="c-product-card-item__link" href="#">Navigation aéronautique et spatiale et capteurs</a>
      <div class="c-product-card-item--big">
        <div>
          <div class="c-product-card-item--big__image" style="background-image: url('../assets/images/product-02.png')"></div>
        </div>
        <div class="c-product-card-item--big__content">
          <div class="c-product-card-item--big__category c-caption c-caption__small">Product</div>
          <div class="c-product-card-item--big__title c-introduction">Commande de vol Trianum</div>
          <a class="c-product-card-item--big__link" href="#">
            <img src="../assets/images/worldwide.svg" alt="picto">
            Navigation aéronautique et spatiale et capteurs
          </a>
          <p>DESCRIPTION dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor.</p>
        </div>

      </div>
    </div>

    <div class="c-product-card-item">
      <div class="c-product-card-item__category c-caption c-caption__small">Product</div>
      <div class="c-product-card-item__title c-introduction c-introduction--small">Senseurs XYZ</div>
      <div class="c-product-card-item__image" style="background-image: url('../assets/images/product-03.png')"></div>
      <a class="c-product-card-item__link" href="#">Navigation aéronautique et spatiale et capteurs</a>
      <div class="c-product-card-item--big">
        <div>
          <div class="c-product-card-item--big__image" style="background-image: url('../assets/images/product-03.png')"></div>
        </div>
        <div class="c-product-card-item--big__content">
          <div class="c-product-card-item--big__category c-caption c-caption__small">Product</div>
          <div class="c-product-card-item--big__title c-introduction">Senseurs XYZ</div>
          <a class="c-product-card-item--big__link" href="#">
            <img src="../assets/images/worldwide.svg" alt="picto">
            Navigation aéronautique et spatiale et capteurs
          </a>
          <p>DESCRIPTION dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor.</p>
        </div>

      </div>
    </div>

    <div class="c-product-card-item">
      <div class="c-product-card-item__category c-caption c-caption__small">Product</div>
      <div class="c-product-card-item__title c-introduction c-introduction--small">Commande de pilotage XYZ</div>
      <div class="c-product-card-item__image" style="background-image: url('../assets/images/product-01.png')"></div>
      <a class="c-product-card-item__link" href="#">Navigation aéronautique et spatiale et capteurs</a>
      <div class="c-product-card-item--big">
        <div>
          <div class="c-product-card-item--big__image" style="background-image: url('../assets/images/product-01.png')"></div>
        </div>
        <div class="c-product-card-item--big__content">
          <div class="c-product-card-item--big__category c-caption c-caption__small">Product</div>
          <div class="c-product-card-item--big__title c-introduction">Commande de pilotage XYZ</div>
          <a class="c-product-card-item--big__link" href="#">
            <img src="../assets/images/worldwide.svg" alt="picto">
            Navigation aéronautique et spatiale et capteurs
          </a>
          <p>DESCRIPTION dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor.</p>
        </div>

      </div>
    </div>

    <div class="c-product-card-item">
      <div class="c-product-card-item__category c-caption c-caption__small">Product</div>
      <div class="c-product-card-item__title c-introduction c-introduction--small">Système de cockpit VFX2100</div>
      <div class="c-product-card-item__image" style="background-image: url('../assets/images/product-02.png')"></div>
      <a class="c-product-card-item__link" href="#">Turbines pour hélicoptères et groupes auxiliaires de puissance</a>
      <div class="c-product-card-item--big">
        <div>
          <div class="c-product-card-item--big__image" style="background-image: url('../assets/images/product-02.png')"></div>
        </div>
        <div class="c-product-card-item--big__content">
          <div class="c-product-card-item--big__category c-caption c-caption__small">Product</div>
          <div class="c-product-card-item--big__title c-introduction">Système de cockpit VFX2100</div>
          <a class="c-product-card-item--big__link" href="#">
            <img src="../assets/images/worldwide.svg" alt="picto">
            Turbines pour hélicoptères et groupes auxiliaires de puissance
          </a>
          <p>DESCRIPTION dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor.</p>
        </div>

      </div>
    </div>

    <div class="c-product-card-item">
      <div class="c-product-card-item__category c-caption c-caption__small">Product</div>
      <div class="c-product-card-item__title c-introduction c-introduction--small">Système de cockpit VFX2100</div>
      <div class="c-product-card-item__image" style="background-image: url('../assets/images/product-03.png')"></div>
      <a class="c-product-card-item__link" href="#">Turbines pour hélicoptères et groupes auxiliaires de puissance</a>
      <div class="c-product-card-item--big">
        <div>
          <div class="c-product-card-item--big__image" style="background-image: url('../assets/images/product-03.png')"></div>
        </div>
        <div class="c-product-card-item--big__content">
          <div class="c-product-card-item--big__category c-caption c-caption__small">Product</div>
          <div class="c-product-card-item--big__title c-introduction">Système de cockpit VFX2100</div>
          <a class="c-product-card-item--big__link" href="#">
            <img src="../assets/images/worldwide.svg" alt="picto">
            Turbines pour hélicoptères et groupes auxiliaires de puissance
          </a>
          <p>DESCRIPTION dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor.</p>
        </div>

      </div>
    </div>

    <div class="c-product-card-item">
      <div class="c-product-card-item__category c-caption c-caption__small">Product</div>
      <div class="c-product-card-item__title c-introduction c-introduction--small">Système de cockpit VFX2100</div>
      <div class="c-product-card-item__image" style="background-image: url('../assets/images/product-01.png')"></div>
      <a class="c-product-card-item__link" href="#">Turbines pour hélicoptères et groupes auxiliaires de puissance</a>
      <div class="c-product-card-item--big">
        <div>
          <div class="c-product-card-item--big__image" style="background-image: url('../assets/images/product-01.png')"></div>
        </div>
        <div class="c-product-card-item--big__content">
          <div class="c-product-card-item--big__category c-caption c-caption__small">Product</div>
          <div class="c-product-card-item--big__title c-introduction">Système de cockpit VFX2100</div>
          <a class="c-product-card-item--big__link" href="#">
            <img src="../assets/images/worldwide.svg" alt="picto">
            Turbines pour hélicoptères et groupes auxiliaires de puissance
          </a>
          <p>DESCRIPTION dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor.</p>
        </div>

      </div>
    </div>
  </div>
  <div class="o-grid o-grid--center">

    <div class="pagination">
      <div class="pagination__pages">
        <button class="pagination__page ">
          1
        </button>
        <button class="pagination__page ">
          2
        </button>
        <button class="pagination__page pagination__page--active">
          3
        </button>
        <button class="pagination__page ">
          4
        </button>
        <button class="pagination__page ">
          5
        </button>
        <button class="pagination__page ">
          6
        </button>
      </div>
    </div>
    <a href="#" class="c-btn c-btn--simple">See All</a>
  </div>
</div>
```

*/
.c-structured-list-offers + .c-news-alert
{
    margin-top: 4rem;
    margin-bottom: 4rem;
}
@media (max-width: 63.99em)
{
    .c-structured-list-offers + .c-news-alert
    {
        margin-top: 0;
        margin-bottom: 0;
    }
}

.c-structured-list-offers
{
    padding-bottom: 0rem;
}
@media (max-width: 63.99em)
{
    .c-structured-list-offers
    {
        padding-top: 2rem;
        padding-bottom: 4rem;
    }
}
.c-structured-list-offers__buttons-wrapper
{
    display: flex;

    padding: 0 2.5rem 2rem 2.5rem;

    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.c-structured-list-offers__buttons-wrapper .c-structured-list-product__text
{
    margin-right: .8rem; 
    margin-bottom: 1rem;
}
.c-structured-list-offers__buttons-wrapper .o-grid
{
    flex-direction: row; 

    justify-content: flex-end;
}
@media (max-width: 63.99em)
{
    .c-structured-list-offers__buttons-wrapper
    {
        padding: 0 0 2rem 0;
    }
}
.c-structured-list-offers--dark .c-structured-list-offers__text
{
    color: #fff;
}
.c-structured-list-offers .c-product-card__large
{
    max-width: none;
}
@media (max-width: 63.99em)
{
    .c-structured-list-offers .c-product-card__large
    {
        margin-right: -2rem;
    }
}
.c-structured-list-offers .c-product-card__large .c-product-card-item
{
    margin: 0;
}
.c-structured-list-offers .c-product-card__large .c-product-card-item:hover
{
    background-color: #f9fafc;
}
@media (max-width: 63.99em)
{
    .c-structured-list-offers .c-product-card__large .c-product-card-item
    {
        margin: 2rem 2rem 2rem 0;
    }
}
.c-structured-list-offers .c-product-card-item
{
    margin: 2rem 1rem;
}
@media (max-width: 63.99em)
{
    .c-structured-list-offers .c-product-card-item
    {
        margin: 2rem 2rem 2rem 0;
    }
}
.c-structured-list-offers__item
{
    max-width: none; 
    padding: 0 3.5rem;
}
.c-structured-list-offers__item::after
{
    position: absolute;
    top: 14rem;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    content: '';
    transition: opacity .1s ease-in-out;
    pointer-events: none; 

    opacity: 0;
    background-color: #fff;
}
@media (max-width: 63.99em)
{
    .c-structured-list-offers__item
    {
        padding: 0 1.2rem;
        padding-bottom: 0rem; 

        justify-content: center;
    }
    .c-structured-list-offers__item .c-product-card-item
    {
        width: 100%;
        min-height: 0; 
        margin: 0;
        margin-top: 2.5rem;
    }
    .c-structured-list-offers__item .c-offer-item:last-child
    {
        border-bottom: 0;
    }
}
.c-structured-list-offers__item--transition-active::after
{
    transition: opacity .3s ease-in-out; 

    opacity: 1;
}
.c-structured-list-offers__text
{
    font-size: 1.8rem; 

    display: flex;

    color: #525668;
    border: none;
    background: none;
}
.c-structured-list-offers__text strong
{
    font-weight: normal;

    margin-right: .4rem; 

    color: #255b8e;
}
@media (max-width: 63.99em)
{
    .c-structured-list-offers__text
    {
        font-size: 1.4rem;

        letter-spacing: .053rem;
    }
}
.c-structured-list-offers__text--arrow::after
{
    font-family: 'icomoon' !important;
    font-size: 1.1rem;

    margin: .5rem 0 0 .5rem;

    content: '';
    transform: rotate(90deg); 

    color: #525668;
}
.c-structured-list-offers__filter-button
{
    padding: 1.2rem;

    border: .1rem solid #e7eaf2;
    border-radius: .4rem; 
    background-color: #fff;
}
@media (max-width: 63.99em)
{
    .c-structured-list-offers__filter-button
    {
        display: none;
    }
}
.c-structured-list-offers__filter-button--grid
{
    border-top-right-radius: 0; 
    border-bottom-right-radius: 0;
}
.c-structured-list-offers__filter-button--list
{
    border-left: none;
    border-top-left-radius: 0; 
    border-bottom-left-radius: 0;
}
.c-structured-list-offers__filter-button img
{
    width: 2rem;
}
.c-structured-list-offers__filter-button--active
{
    border-color: transparent; 
    background-color: #eff8ff;
}
.c-structured-list-offers__filter-button--active .c-structured-list-offers__filter-button-img--active
{
    display: inline;
}
.c-structured-list-offers__filter-button--active .c-structured-list-offers__filter-button-img--inactive
{
    display: none;
}
.c-structured-list-offers__filter-button-img
{
    width: 1.8rem;
    height: 1.8rem;
}
.c-structured-list-offers__filter-button-img--active
{
    display: none;
}
.c-structured-list-offers__filter-button-img--inactive
{
    display: inline;
}
.c-structured-list-offers__sorting-button
{
    font-size: 1.6rem;
    line-height: 1.25;

    padding: 1.2rem;

    transition: all .520s ease-in-out; 
    letter-spacing: .06rem;

    color: #3b3e4d;
    border: .1rem solid #e7eaf2;
    border-radius: .4rem;
    background-color: #fff;
}
.c-structured-list-offers__sorting-button:first-child
{
    margin-left: 4rem;

    border-right: none;
    border-top-right-radius: 0; 
    border-bottom-right-radius: 0;
}
.c-structured-list-offers__sorting-button:last-child
{
    border-top-left-radius: 0; 
    border-bottom-left-radius: 0;
}
.c-structured-list-offers__sorting-button--active,
.c-structured-list-offers__sorting-button:hover
{
    color: #255b8e;
    border-color: transparent; 
    background-color: #eff8ff;
}
@media (max-width: 63.99em)
{
    .c-structured-list-offers__sorting-button
    {
        font-size: 1.4rem;

        padding: .9rem 2.2rem;

        letter-spacing: .05rem;
    }
}
@media (max-width: 63.99em) and (max-width: 23.125em)
{
    .c-structured-list-offers__sorting-button
    {
        padding: .9rem;
    }
}
@media (max-width: 63.99em)
{
    .c-structured-list-offers__sorting-button:first-child
    {
        margin-left: 0;
    }
}
.c-structured-list-offers__toggle-button
{
    display: flex;
    overflow: hidden; 

    margin-bottom: 36px;
}
.c-structured-list-offers__toggle-button input
{
    position: absolute !important;

    overflow: hidden; 
    clip: rect(0, 0, 0, 0);

    width: 1px;
    height: 1px;

    border: 0;
}
.c-structured-list-offers__toggle-button label
{
    font-size: 1.6rem;
    line-height: 1.25;

    padding: 1.2rem;

    transition: all .52s ease-in-out; 
    letter-spacing: .06rem;

    color: #3b3e4d;
    border: .1rem solid #e7eaf2;
    border-radius: .4rem;
    outline: 0;
    background-color: #fff;
}
.c-structured-list-offers__toggle-button label:hover
{
    cursor: pointer;
}
.c-structured-list-offers__toggle-button input:checked + label
{
    color: #255b8e;
    border-color: transparent; 
    background-color: #eff8ff;
}
.c-structured-list-offers__toggle-button label:first-of-type
{
    margin-left: 4rem;

    border-right: none;
    border-top-right-radius: 0; 
    border-bottom-right-radius: 0;
}
.c-structured-list-offers__toggle-button label:last-of-type
{
    border-top-left-radius: 0; 
    border-bottom-left-radius: 0;
}
.c-structured-list-offers__pagination-wrapper
{
    margin-bottom: 4rem;
}
.c-structured-list-offers__pagination-wrapper .c-btn
{
    padding-left: 0;
}
@media (max-width: 63.99em)
{
    .c-structured-list-offers__pagination-wrapper
    {
        margin-bottom: 1.6rem;
    }
    .c-structured-list-offers__pagination-wrapper .c-btn
    {
        padding-left: 4rem;
    }
}
@media (max-width: 63.99em)
{
    .c-structured-list-offers .c-btn.c-btn--link-simple
    {
        font-size: 1.6rem;
    }
}

body.offers-list-page .c-structured-list-offers__pagination-wrapper
{
    margin-top: 6rem;
}
@media (max-width: 63.99em)
{
    body.offers-list-page .c-structured-list-offers__pagination-wrapper
    {
        margin-top: 0;
    }
}

.c-structured-expertise-extended
{
    position: relative;
}
.c-structured-expertise-extended__title
{
    padding-top: 8rem;
}
.c-structured-expertise-extended__title.left
{
    padding-right: 8rem; 
    padding-left: 8rem;
}
.c-structured-expertise-extended__title.left h2,
.c-structured-expertise-extended__title.left h3
{
    text-align: left;
}
.c-structured-expertise-extended__title > h2
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.5rem;

    margin-bottom: 0; 

    letter-spacing: .6rem;
    text-transform: uppercase;

    color: #a4acbc;
}
.c-structured-expertise-extended__title h3
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 3.6rem;
    line-height: 4.2rem;

    margin: 0; 

    text-align: center;

    color: #fff;
}
.c-structured-expertise-extended__items
{
    display: flex;

    padding: 8rem; 

    justify-content: center;
}
@media (min-width: 64em)
{
    .c-structured-expertise-extended__items.panel-is-activated .c-structured-expertise-extended__item:not(.active)
    {
        min-width: 8.5rem !important;
    }
}
@media (min-width: 80em)
{
    .c-structured-expertise-extended__items.panel-is-activated .c-structured-expertise-extended__item:not(.active)
    {
        min-width: 10.5rem !important;
    }
}
@media (min-width: 87.5em)
{
    .c-structured-expertise-extended__items.panel-is-activated .c-structured-expertise-extended__item:not(.active)
    {
        min-width: 12.5rem !important;
    }
}
@media (min-width: 100em)
{
    .c-structured-expertise-extended__items.panel-is-activated .c-structured-expertise-extended__item:not(.active)
    {
        min-width: 17.5rem !important;
    }
}
.c-structured-expertise-extended__items.panel-is-activated .c-structured-expertise-extended__item:not(.active) .c-expertise-extended-item__content
{
    transition: transform .1s ease-in-out .4s; 
    transform: translate(-50%, 5rem);
}
.c-structured-expertise-extended__items.panel-is-activated .c-structured-expertise-extended__item:not(.active) .c-expertise-extended-item img,
.c-structured-expertise-extended__items.panel-is-activated .c-structured-expertise-extended__item:not(.active) .c-expertise-extended-item .icon-svg
{
    animation: imgOpacity 1s linear forwards;
}
.c-structured-expertise-extended__items.panel-is-activated .c-structured-expertise-extended__item:not(.active) h3
{
    transition: opacity .3s linear;
    animation: titleOpacity .2s linear; 

    opacity: 0 !important;
}
.c-structured-expertise-extended__items.panel-is-activated .c-structured-expertise-extended__item:not(.active):hover
{
    transition: all .6s cubic-bezier(.5, 1, .89, 1);

    flex-basis: auto;
}
@media (min-width: 64em)
{
    .c-structured-expertise-extended__items.panel-is-activated .c-structured-expertise-extended__item:not(.active):hover
    {
        min-width: calc(8.5rem + 2rem) !important;
    }
}
@media (min-width: 80em)
{
    .c-structured-expertise-extended__items.panel-is-activated .c-structured-expertise-extended__item:not(.active):hover
    {
        min-width: calc(10.5rem + 2rem) !important;
    }
}
@media (min-width: 87.5em)
{
    .c-structured-expertise-extended__items.panel-is-activated .c-structured-expertise-extended__item:not(.active):hover
    {
        min-width: calc(12.5rem + 4rem) !important;
    }
}
@media (min-width: 100em)
{
    .c-structured-expertise-extended__items.panel-is-activated .c-structured-expertise-extended__item:not(.active):hover
    {
        min-width: calc(17.5rem + 6rem) !important;
    }
}
.c-structured-expertise-extended__item
{
    display: flex;
    flex-direction: column;

    width: 20%;
    height: 100%;

    cursor: pointer;
    transition: all .4s ease-in-out; 

    flex-basis: auto;
}
.c-structured-expertise-extended__item:hover
{
    width: 25%;

    transition: all .4s cubic-bezier(.5, 1, .89, 1); 

    flex-basis: auto;
}
.c-structured-expertise-extended__item.active
{
    width: 100%;

    transition: all .7s cubic-bezier(.5, 1, .89, 1);
}
.c-structured-expertise-extended__item.active .c-expertise-extended-item__overlay
{
    opacity: 1;
    background: linear-gradient(rgba(2, 20, 58, .7) 100%, rgba(7, 14, 29, 0) 100%);
}
.c-structured-expertise-extended__item.active .c-expertise-extended-item__content
{
    top: 0;
    left: 5rem;

    max-width: calc(100% - 8.3rem);
    padding-top: 8rem;
    padding-right: 0;
    padding-left: 0;

    transition: transform 0s ease .3s; 
    transform: translate(0, 0);
    text-align: left;
}
@media (min-width: 80em)
{
    .c-structured-expertise-extended__item.active .c-expertise-extended-item__content
    {
        left: 8.3rem;

        max-width: 100%;
    }
}
@media (min-width: 87.5em)
{
    .c-structured-expertise-extended__item.active .c-expertise-extended-item__content
    {
        left: 11.3rem;
    }
}
.c-structured-expertise-extended__item.active .c-expertise-extended-item__content img,
.c-structured-expertise-extended__item.active .c-expertise-extended-item__content .icon-svg
{
    animation: imgOpacityOpen 1s linear;
}
.c-structured-expertise-extended__item.active .c-expertise-extended-item__content .icon-svg
{
    margin: 0;
}
.c-structured-expertise-extended__item.active .c-expertise-extended-item__content h3
{
    font-size: 3.6rem;
    line-height: 4.3rem;

    position: relative;

    padding-right: 0;
    padding-left: 0;

    animation: titleAnim 1s cubic-bezier(.5, 1, .89, 1) forwards; 
    text-align: left;
}
.c-structured-expertise-extended__item.active .c-expertise-extended-item__content h3:after
{
    animation: titleBefore .5s cubic-bezier(.5, 1, .89, 1) forwards;
    animation-delay: .55s;
}
.c-structured-expertise-extended__item.active .c-expertise-extended-item__content p
{
    font-size: 1.8rem;

    position: relative;

    display: block; 

    animation: textOpacity .5s cubic-bezier(.5, 1, .89, 1) forwards;
    animation-delay: .75s;
}
.c-structured-expertise-extended__item.active .c-expertise-extended-item__content a
{
    position: relative;

    display: block; 

    animation: textOpacity .5s cubic-bezier(.5, 1, .89, 1) forwards;
    animation-delay: .85s;
}

.c-expertise-extended-item
{
    position: relative;

    min-height: 58.5rem;

    text-align: center; 

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.c-expertise-extended-item__overlay
{
    position: absolute;

    width: 100%;
    height: 100%;

    transition: all 1.5s cubic-bezier(.25, 1, .5, 1); 

    opacity: .5;
    background: linear-gradient(rgba(2, 20, 58, .7) 100%, rgba(7, 14, 29, 0) 100%);
}
.c-expertise-extended-item__content
{
    position: absolute;
    top: 20rem;
    left: 50%;

    max-width: 15rem;

    transition: all .1s ease-in-out .5s; 
    transform: translate(-50%, 0);
}
.c-expertise-extended-item__content--extended
{
    display: none;
}
.c-expertise-extended-item__content img,
.c-expertise-extended-item__content .icon-svg
{
    width: 5.6rem;
    height: 100%;

    animation: imgOpacityClose 1.5s linear;
}
.c-expertise-extended-item__content .icon-svg
{
    display: block; 

    width: 5.6rem;
    height: 5.6rem;
    margin: 0 auto;

    background-color: #fff;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
{
    .c-expertise-extended-item__content .icon-svg
    {
        background: transparent;
    }
}
.c-expertise-extended-item__content h3
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 2.4rem;
    font-weight: 300;
    line-height: 2.9rem;

    position: relative;

    margin: 0;
    margin-top: 3rem;
    padding-right: 1rem;
    padding-left: 1rem;

    animation: titleClose 1.5s linear; 
    text-align: center;

    color: #fff;
}
.c-expertise-extended-item__content h3:after
{
    position: absolute;
    bottom: -2rem;
    left: 0;

    width: 0;
    height: 1px;

    content: '';

    background-color: #255b8e;
}
.c-expertise-extended-item__content p
{
    font-family: 'Barlow', Arial, sans-serif;
    line-height: 3rem;

    position: absolute;

    display: none;

    max-width: 500px;
    margin: 5rem 0 0 0;

    transition: opacity .3s ease; 

    opacity: 0;
    color: #fff;
}
.c-expertise-extended-item__content a
{
    position: absolute;

    display: none;
    visibility: hidden;

    margin-top: 3rem; 

    opacity: 0;
}

.dark-mode h2,
.dark-mode h3
{
    color: #1b1d27;
}

@keyframes titleBefore
{
    0%
    {
        width: 0;
    }
    100%
    {
        width: 440px;
    }
}

@keyframes textOpacity
{
    0%
    {
        visibility: hidden; 

        transform: translateX(-30px);

        opacity: 0;
    }
    100%
    {
        visibility: visible; 

        transform: translateX(0%);

        opacity: 1;
    }
}

@keyframes titleAnim
{
    0%
    {
        visibility: hidden; 

        transform: translateX(-30px);

        opacity: 1;
    }
    50%
    {
        visibility: hidden; 

        transform: translateX(-30px);

        opacity: 0;
    }
    100%
    {
        visibility: visible; 

        transform: translateX(0);

        opacity: 1;
    }
}

@keyframes imgOpacity
{
    0%
    {
        opacity: 0;
    }
    50%
    {
        opacity: 0;
    }
    100%
    {
        opacity: 1;
    }
}

@keyframes imgOpacityOpen
{
    0%
    {
        opacity: 0;
    }
    50%
    {
        opacity: 0;
    }
    100%
    {
        opacity: 1;
    }
}

@keyframes imgOpacityClose
{
    0%
    {
        opacity: 0;
    }
    50%
    {
        opacity: 0;
    }
    100%
    {
        opacity: 1;
    }
}

@keyframes titleClose
{
    0%
    {
        opacity: 0;
    }
    50%
    {
        opacity: 0;
    }
    100%
    {
        opacity: 1;
    }
}

@keyframes titleOpacity
{
    0%
    {
        opacity: 0;
    }
    50%
    {
        opacity: 0;
    }
    100%
    {
        opacity: 0;
    }
}

@media (max-width: 87.5em)
{
    .c-structured-expertise-extended__title
    {
        padding-top: 4rem;
    }
    .c-structured-expertise-extended__items
    {
        padding: 8rem 4rem 4rem 4rem;
    }
    .c-expertise-extended-item__content
    {
        padding-right: 0; 
        padding-left: 0;
    }
}

@media (max-width: 64em)
{
    .c-structured-expertise-extended-responsive
    {
        position: relative;

        display: flex;
        flex-direction: row;

        padding-bottom: 4rem; 

        justify-content: center;
    }
    .c-structured-expertise-extended-responsive__title
    {
        padding: 4rem 2rem;
    }
    .c-structured-expertise-extended-responsive__title span
    {
        font-family: 'Barlow', Arial, sans-serif;
        font-size: 1.2rem;
        font-weight: 500;
        line-height: 2.5rem;

        letter-spacing: .4rem;
        text-transform: uppercase; 

        color: #84899f;
    }
    .c-structured-expertise-extended-responsive__title h2
    {
        font-family: 'Barlow', Arial, sans-serif;
        font-size: 2.4rem;
        line-height: 2.8rem;

        margin: 0; 

        letter-spacing: 0;

        color: #fff;
    }
    .c-structured-expertise-extended-responsive__items
    {
        display: flex;
        flex-direction: column;

        flex-basis: 100%;
    }
    .c-structured-expertise-extended-responsive__item
    {
        position: relative;

        text-align: center; 

        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    .c-structured-expertise-extended-responsive__item--active .c-structured-expertise-extended-responsive__container .icon-panel
    {
        transform: rotate(270deg);
    }
    .c-structured-expertise-extended-responsive__item--active .c-structured-expertise-extended-responsive__container--panel
    {
        visibility: visible; 

        opacity: 1;
    }
    .c-structured-expertise-extended-responsive__item--overlay
    {
        position: absolute;

        width: 100%;
        height: 100%;

        transition: all .4s ease; 

        background: linear-gradient(180deg, rgba(2, 20, 58, .7) 100%, rgba(7, 14, 29, 0) 100%);
    }
    .c-structured-expertise-extended-responsive__container
    {
        position: relative;
    }
    .c-structured-expertise-extended-responsive__container--title
    {
        position: relative;

        padding: 3.5rem 4rem; 

        text-align: left;
    }
    .c-structured-expertise-extended-responsive__container--title img:not(.icon-panel),
    .c-structured-expertise-extended-responsive__container--title .icon-svg:not(.icon-panel)
    {
        display: inline-block;

        width: 2.9rem;
        height: 2.9rem;
        margin-right: 1rem;

        vertical-align: middle; 

        background-color: #fff;
    }
    .c-structured-expertise-extended-responsive__container--title .icon-panel
    {
        font-size: 2rem; 

        position: absolute;
        top: 4.1rem;
        right: 4rem;

        width: 22px;

        transition: all .4s ease;
        transform: rotate(90deg);

        color: #fff;
    }
    .c-structured-expertise-extended-responsive__container--title .icon-panel.icon-up
    {
        transform: rotate(-90deg);
    }
    .c-structured-expertise-extended-responsive__container--title h3
    {
        font-size: 1.8rem;
        line-height: 1.8rem;

        display: inline-block;

        margin: 0;

        vertical-align: middle; 

        color: #fff;
    }
    .c-structured-expertise-extended-responsive__container--panel
    {
        visibility: hidden; 
        overflow: hidden;

        height: 0;

        transition: all .3s ease-in-out;

        opacity: 0;
    }
    .c-structured-expertise-extended-responsive__container--panel__content
    {
        padding: 0 4rem 3.5rem 4rem;

        text-align: left;
    }
    .c-structured-expertise-extended-responsive__container--panel__content p
    {
        font-family: 'Barlow', Arial, sans-serif;
        font-size: 1.6rem;
        line-height: 2.2rem;

        margin: 0;
        margin-top: 3rem;

        text-align: left; 

        color: #fff;
    }
    .c-structured-expertise-extended-responsive__container--panel__content .c-btn
    {
        margin-top: 2.5rem; 

        text-align: left;
    }
}

@media (max-width: 47.99em)
{
    .c-structured-expertise-extended-responsive__container--panel .c-btn
    {
        width: 100%; 

        text-align: center;
    }
    .c-structured-expertise-extended-responsive__container--panel__content p
    {
        margin-top: 0;
    }
}

@media (max-width: 30em)
{
    .c-structured-expertise-extended-responsive__container--title
    {
        padding: 3.5rem 2rem;
    }
    .c-structured-expertise-extended-responsive__container--title img.icon-panel,
    .c-structured-expertise-extended-responsive__container--title .icon-svg.icon-panel
    {
        right: 2rem;
    }
}

@media (max-width: 23.4375em)
{
    .c-structured-expertise-extended-responsive__container--title h3
    {
        font-size: 1.9rem;
    }
    .c-structured-expertise-extended-responsive__container--panel .c-btn
    {
        padding: 2rem 3rem;
    }
}

.c-structured-faq-filter
{
    margin-bottom: 4rem;
}

.c-structured-faq-filter-container
{
    display: flex;

    margin-right: 8rem; 
    margin-left: 8rem;

    justify-content: center;
}
.c-structured-faq-filter-container__filterbar
{
    width: 50%;
}

.c-structured-faq-filter-category
{
    margin-top: 4rem;
    padding-bottom: 4rem;

    border-top: 6px solid #fff;
}

.c-structured-faq-filter-category-container
{
    display: flex;

    margin-right: 8rem; 
    margin-left: 8rem;

    justify-content: center;
}
.c-structured-faq-filter-category-container__title
{
    margin-top: 4rem; 
    margin-bottom: 4rem;
}
.c-structured-faq-filter-category-container__title h2
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.8rem;
    line-height: 2.6rem;

    margin: 0;

    color: #1b1d27;
}
.c-structured-faq-filter-category-container__items
{
    display: flex;

    width: 75%; 

    flex-flow: wrap;
    justify-content: center;
}
.c-structured-faq-filter-category-container__items--item
{
    display: flex;
    flex-direction: column;

    width: calc(20% - 2.5rem);
    height: 126px;
    margin-right: 2.5rem;
    margin-bottom: 2.5rem;

    transition: box-shadow .6s ease-in-out; 

    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 14px 12px 0 rgba(59, 135, 204, .12);

    align-items: center;
    justify-content: center;
}
.c-structured-faq-filter-category-container__items--item:hover
{
    cursor: pointer; 

    box-shadow: 0 14px 12px 0 rgba(59, 135, 204, .3);
}
.c-structured-faq-filter-category-container__items--item.active
{
    background-color: #255b8e;
    box-shadow: none;
}
.c-structured-faq-filter-category-container__items--item.active img
{
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(355deg) brightness(200%) contrast(102%);
}
.c-structured-faq-filter-category-container__items--item.active span
{
    color: #fff;
}
.c-structured-faq-filter-category-container__items img
{
    width: 36px;
    margin-bottom: 1rem;
}
.c-structured-faq-filter-category-container__items span
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 2.5rem;

    letter-spacing: 2.32px;

    color: #525668;
}

@media (max-width: 64em)
{
    .c-filter
    {
        padding-top: 11rem;
        padding-bottom: 3rem;
    }
    .c-filter-container
    {
        margin-right: 4rem; 
        margin-left: 4rem;
    }
    .c-filter-container__title h1
    {
        font-size: 2.4rem;
    }
    .c-structured-faq-filter
    {
        margin-bottom: 4rem;
    }
    .c-structured-faq-filter-container
    {
        margin-right: 4rem; 
        margin-left: 4rem;
    }
    .c-structured-faq-filter-container__filterbar
    {
        width: 75%;
    }
    .c-structured-faq-filter-category
    {
        margin-top: 0;
        padding-bottom: 0;
    }
    .c-structured-faq-filter-category-container
    {
        margin-right: 4rem; 
        margin-left: 4rem;
    }
    .c-structured-faq-filter-category-container__items
    {
        width: 100%;
    }
    .c-structured-faq-filter-category-container__title
    {
        font-size: 1.6rem;

        margin-top: 2.5rem;
    }
}

@media (max-width: 48em)
{
    .c-filter-container
    {
        margin-right: 2rem; 
        margin-left: 2rem;
    }
    .c-structured-faq-filter-container
    {
        margin-right: 2rem; 
        margin-left: 2rem;
    }
    .c-structured-faq-filter-container__filterbar
    {
        width: 75%;
    }
    .c-structured-faq-filter-container__filterbar .c-searchbar .c-btn--search
    {
        border-left: 0;
    }
    .c-structured-faq-filter-category
    {
        margin-top: 0;
        padding-bottom: 3.4rem;
    }
    .c-structured-faq-filter-category-container
    {
        margin-right: 1rem; 
        margin-left: 1rem;
    }
    .c-structured-faq-filter-category-container__title
    {
        margin-bottom: 2.5rem;
    }
    .c-structured-faq-filter-category-container__title h2
    {
        font-size: 1.6rem;
    }
    .c-structured-faq-filter-category-container__items--item
    {
        flex-direction: row;

        width: calc(50% - 20px);
        height: 60px;
        margin-right: 1rem;
        margin-bottom: .6rem;
        margin-left: 1rem;

        transition: all .5s ease-in-out; 

        justify-content: left;
    }
    .c-structured-faq-filter-category-container__items--item:hover
    {
        background-color: #255b8e;
        box-shadow: none;
    }
    .c-structured-faq-filter-category-container__items--item:hover img
    {
        filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(355deg) brightness(200%) contrast(102%);
    }
    .c-structured-faq-filter-category-container__items--item:hover span
    {
        color: #fff;
    }
    .c-structured-faq-filter-category-container__items img
    {
        width: 24.75px;
        margin-bottom: 0;
        margin-left: 1.5rem;
    }
    .c-structured-faq-filter-category-container__items span
    {
        margin-left: 1.5rem;
    }
}

@media (max-width: 30em)
{
    .c-structured-faq-filter-container__filterbar
    {
        width: 100%;
    }
}

.c-structured-faq-filter-list
{
    padding-top: 0rem;
    padding-bottom: 4rem;
}
@media (min-width: 48em)
{
    .c-structured-faq-filter-list
    {
        padding-top: 4rem;
    }
}
@media (min-width: 64em)
{
    .c-structured-faq-filter-list
    {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }
}

.c-structured-faq-filter-list-container
{
    margin-right: 12rem; 
    margin-left: 12rem;
}
.c-structured-faq-filter-list-container .pagination
{
    padding-top: 4rem;
}
.c-structured-faq-filter-list-container .pagination__pages
{
    justify-content: center;
}
.c-structured-faq-filter-list-container__item
{
    display: flex;
    flex-direction: column;

    padding-bottom: 2rem;
}
.c-structured-faq-filter-list-container__item.active
{
    padding-bottom: 4rem;
}
.c-structured-faq-filter-list-container__item--title
{
    position: relative;

    width: 100%;
    height: 88px;
    padding: 30px;

    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; 

    border: 1px solid #ebecf2;
    background-color: #fff;
    box-shadow: 0 4px 7px 0 rgba(0, 0, 0, .05);
}
.c-structured-faq-filter-list-container__item--title span
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.8rem; 

    color: #1b1d27;
}
.c-structured-faq-filter-list-container__item--title .icon
{
    width: 30px;
    height: auto;
    margin-right: 20px;
}
.c-structured-faq-filter-list-container__item--title .icon-panel
{
    position: absolute;
    top: 33px;
    right: 4rem;

    width: 22px;

    transform: rotate(-90deg);
}
.c-structured-faq-filter-list-container__item--title .icon-panel.icon-up
{
    transform: rotate(90deg);
}
.c-structured-faq-filter-list-container__item--content
{
    position: relative;

    padding: 30px;

    background-color: #f9fafc;
}
.c-structured-faq-filter-list-container__item--content p
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 20px;

    margin: 0;

    letter-spacing: .6px;

    color: #525668;
}
.c-structured-faq-filter-list-container__item--content .read-more
{
    font-size: 1.6rem;
}
.c-structured-faq-filter-list-container__item--content .answer
{
    position: relative;

    display: block;

    width: 100%;
    margin-top: 40px;
}
.c-structured-faq-filter-list-container__item--content .answer span
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.3rem;

    margin-right: 1.536rem; 

    letter-spacing: .49px;

    color: #84899f;
}
.c-structured-faq-filter-list-container__item--content .answer div
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 13px;
    line-height: 34px;

    display: inline-block;

    height: 34px;
    padding-right: 8px; 
    padding-left: 8px;

    cursor: pointer;
    transition: background .6s ease-in-out;
    letter-spacing: .49px;

    border: 1px solid #e7eaf2;
    border-radius: 2px;
    background-color: #fff;
}
.c-structured-faq-filter-list-container__item--content .answer div:before
{
    position: relative;
    top: 3px;
    left: 0;

    display: inline-block;

    width: 18px;
    height: 18px;
    margin-right: 10px; 

    content: '';
}
.c-structured-faq-filter-list-container__item--content .answer div.useful
{
    margin-right: 1.5rem; 

    color: #177d3c;
}
.c-structured-faq-filter-list-container__item--content .answer div.useful:before
{
    background-image: url('../../../images/icons/check-circle-green.svg');
}
.c-structured-faq-filter-list-container__item--content .answer div.useful:hover
{
    color: #fff; 
    background-color: #177d3c;
}
.c-structured-faq-filter-list-container__item--content .answer div.useful:hover:before
{
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(355deg) brightness(400%) contrast(102%);
}
.c-structured-faq-filter-list-container__item--content .answer div.notuseful
{
    color: #c4541c;
}
.c-structured-faq-filter-list-container__item--content .answer div.notuseful:before
{
    background-image: url('../../../images/icons/remove-circle-red.svg');
}
.c-structured-faq-filter-list-container__item--content .answer div.notuseful:hover
{
    color: #fff; 
    background-color: #c4541c;
}
.c-structured-faq-filter-list-container__item--content .answer div.notuseful:hover:before
{
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(355deg) brightness(200%) contrast(102%);
}
.c-structured-faq-filter-list-container__item .hide-panel
{
    display: none;
}

.c-structured-faq-filter-list-pagination
{
    position: relative;

    width: 100%;
    margin-top: 4rem; 

    text-align: center;
}
.c-structured-faq-filter-list-pagination .pagination,
.c-structured-faq-filter-list-pagination > a
{
    display: inline-block;
}

@media (max-width: 64em)
{
    .c-structured-faq-filter-list-container
    {
        margin-right: 4rem; 
        margin-left: 4rem;
    }
    .c-structured-faq-filter-list-container__item--content p
    {
        font-size: 1.4rem;
    }
}

@media (max-width: 48em)
{
    .c-structured-faq-filter-list-container
    {
        margin-right: 0rem; 
        margin-left: 0rem;
    }
    .c-structured-faq-filter-list-container__item
    {
        padding-bottom: 0rem;
    }
    .c-structured-faq-filter-list-container__item.active
    {
        padding-bottom: 0rem;
    }
    .c-structured-faq-filter-list-container__item.active .c-structured-faq-filter-list-container__item--title
    {
        border: 1px solid #ebecf2;
    }
    .c-structured-faq-filter-list-container__item:last-child .c-structured-faq-filter-list-container__item--title
    {
        border-bottom: 1px solid #ebecf2;
    }
    .c-structured-faq-filter-list-container__item--title
    {
        display: flex;

        height: 74px;
        padding: 0 20px;

        border-top: 1px solid #ebecf2;
        border-right: 1px solid #ebecf2;
        border-bottom: 0 solid #ebecf2; 
        border-left: 1px solid #ebecf2;

        align-items: center;
    }
    .c-structured-faq-filter-list-container__item--title .icon
    {
        display: none;
    }
    .c-structured-faq-filter-list-container__item--title span
    {
        font-size: 16px;
        line-height: 22px;

        max-width: 90%;
    }
    .c-structured-faq-filter-list-container__item .icon-panel
    {
        top: 27px;
        right: 2rem;
    }
    .c-structured-faq-filter-list-container__item--content
    {
        padding: 20px;
    }
    .c-structured-faq-filter-list-container__item--content p
    {
        font-size: 1.4rem;
        line-height: 18px;

        letter-spacing: .53px;
    }
    .c-structured-faq-filter-list-container__item--content .read-more
    {
        font-size: 1.4rem;
    }
    .c-structured-faq-filter-list-container__item--content .answer
    {
        margin-top: 20px;
    }
    .c-structured-faq-filter-list-pagination .pagination
    {
        margin-top: 4rem; 
        padding-right: 0;
        padding-left: 0;
    }
}

.c-structured-panorama-highlight-text
{
    position: relative;

    display: flex;

    width: 100vw;
    height: 100vh;

    background: linear-gradient(180deg, #070e1d 0%, #11203e 100%);
    background-position: center center; 
    background-size: cover;

    align-items: center;
    justify-content: center;
}
.c-structured-panorama-highlight-text--overlay::before
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    display: block;

    width: 100vw;
    height: 100vh;

    content: ''; 

    background: linear-gradient(90deg, rgba(7, 14, 29, .25) 0%, rgba(7, 14, 29, .7) 100%), linear-gradient(180deg, rgba(7, 14, 29, .2) 0%, #070e1d 100%);
}
.c-structured-panorama-highlight-text__content
{
    z-index: 2;

    width: 100%;
    max-width: 80rem;
}
@media (min-width: 87.5em)
{
    .c-structured-panorama-highlight-text__content
    {
        max-width: 100rem;
    }
}
@media (max-width: 63.99em)
{
    .c-structured-panorama-highlight-text__content__framed-text
    {
        max-width: 30rem;
        margin: 0 auto;
    }
}
@media (max-width: 63.99em)
{
    .c-structured-panorama-highlight-text__content__blockquote
    {
        max-width: 50rem;
        margin: 0 auto; 
        padding: 0 2rem;
    }
}
.c-structured-panorama-highlight-text__content__text
{
    text-align: center; 

    color: #fff;
}
@media (max-width: 63.99em)
{
    .c-structured-panorama-highlight-text__content__text
    {
        max-width: 50rem;
        margin: 0 auto; 
        padding: 0 2rem;
    }
}
@media (min-width: 64em)
{
    .c-structured-panorama-highlight-text__content__text
    {
        font-size: 3rem;
        line-height: 4rem; 

        padding: 0 2rem;
    }
}
.c-structured-panorama-highlight-text__nav
{
    position: absolute;
    right: 1.5rem; 
    bottom: 1.5rem;
}
@media (min-width: 64em)
{
    .c-structured-panorama-highlight-text__nav
    {
        right: 4rem; 
        bottom: 4rem;
    }
}

.c-structured-panorama-image-text
{
    position: relative;

    display: flex;

    width: 100vw;
    height: 100vh;

    background-position: center center; 
    background-size: cover;

    align-items: center;
}
.c-structured-panorama-image-text--light .c-structured-panorama-image-text__content
{
    color: #141d29; 
    background-color: rgba(255, 255, 255, .9);
}
.c-structured-panorama-image-text--dark .c-structured-panorama-image-text__content
{
    color: #fff; 
    background-color: rgba(17, 39, 83, .92);
}
.c-structured-panorama-image-text__content
{
    font-size: 1.8rem;
    line-height: 2.6rem;

    position: absolute;
    top: 50%;

    max-width: 35rem;
    padding: 2rem;

    transform: translateY(-50%);
}
@media (min-width: 64em)
{
    .c-structured-panorama-image-text__content
    {
        font-size: 2.4rem;
        line-height: 3.8rem; 

        max-width: 56rem;
        padding: 9rem 6rem;
    }
}
.c-structured-panorama-image-text__content--right
{
    right: 0;
}
@media (min-width: 64em)
{
    .c-structured-panorama-image-text__content--right
    {
        right: 5rem;
    }
}
.c-structured-panorama-image-text__content--left
{
    left: 0;
}
@media (min-width: 64em)
{
    .c-structured-panorama-image-text__content--left
    {
        left: 4rem;
    }
}
.c-structured-panorama-image-text__content blockquote
{
    font-size: 1.8rem;
    font-style: italic;
    line-height: 2.8rem; 

    position: relative;

    margin: 0;
    padding: 0 0 0 4rem;

    color: #fff;
}
@media (min-width: 64em)
{
    .c-structured-panorama-image-text__content blockquote
    {
        font-size: 2.2rem;
        line-height: 3.2rem;

        padding: 0 5rem;
    }
}
.c-structured-panorama-image-text__content blockquote::before
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: .3rem;
    height: 100%;

    content: ''; 

    background-color: #255b8e;
}
.c-structured-panorama-image-text__nav
{
    position: absolute;
    right: 1rem; 
    bottom: 1rem;
}
@media (min-width: 64em)
{
    .c-structured-panorama-image-text__nav
    {
        right: 4rem; 
        bottom: 4rem;
    }
}

.c-structured-panorama-slider
{
    position: relative;

    display: flex;
    flex-direction: column;

    background: linear-gradient(180deg, #070e1d 0%, #11203e 100%); 

    justify-content: center;
}
@media (min-width: 64em)
{
    .c-structured-panorama-slider
    {
        width: 100vw;
        height: 100vh;
    }
}
.c-structured-panorama-slider__surtitle
{
    margin-top: 4rem; 
    margin-left: 2rem;
}
@media (min-width: 48em)
{
    .c-structured-panorama-slider__surtitle
    {
        margin-left: 4rem;
    }
}
@media (min-width: 64em)
{
    .c-structured-panorama-slider__surtitle
    {
        display: none;
    }
}
.c-structured-panorama-slider__surtitle h2
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 2.5rem;

    margin: 0;

    letter-spacing: .4rem;
    text-transform: uppercase; 

    color: #84899f;
}
.c-structured-panorama-slider__content
{
    position: relative;

    width: 100%;
}
.c-structured-panorama-slider__nav
{
    position: absolute;
    right: 1rem; 
    bottom: 1rem;
}
@media (min-width: 64em)
{
    .c-structured-panorama-slider__nav
    {
        right: 4rem; 
        bottom: 4rem;
    }
}
.c-structured-panorama-slider .c-slider__head
{
    display: none;
}
@media (min-width: 64em)
{
    .c-structured-panorama-slider .c-slider__head
    {
        display: flex;
    }
}
.c-structured-panorama-slider .c-slider__slide-item
{
    padding: 0 .75rem !important;
}
@media (min-width: 64em)
{
    .c-structured-panorama-slider .c-slider__slide-item
    {
        padding: 0 2rem !important;
    }
}
.c-structured-panorama-slider .c-slider__slide-item .c-image-item
{
    min-width: 27.5rem;
    max-height: 18.3rem;
}
@media (min-width: 64em)
{
    .c-structured-panorama-slider .c-slider__slide-item .c-image-item
    {
        min-width: 56.4rem;
        max-height: 37.5rem;
    }
}
.c-structured-panorama-slider .c-slider__slider-object-container
{
    margin-left: -.75rem !important;
}
@media (min-width: 64em)
{
    .c-structured-panorama-slider .c-slider__slider-object-container
    {
        margin-left: -1.25rem !important;
    }
}
@media (max-width: 63.99em)
{
    .c-structured-panorama-slider .c-slider .tns-inner
    {
        display: flex;
    }
}
@media (max-width: 63.99em)
{
    .c-structured-panorama-slider .c-structured-image-items
    {
        padding-top: 3.1rem !important;
        padding-bottom: 4.8rem !important;
    }
}

.c-structured-panorama-video
{
    position: relative;

    display: flex;

    background: linear-gradient(180deg, #070e1d 0%, #11203e 100%); 

    align-items: center;
    justify-content: center;
}
.c-structured-panorama-video__content
{
    width: 100%;
    max-width: 35rem;
}
@media (min-width: 64em)
{
    .c-structured-panorama-video__content
    {
        max-width: 80rem;
    }
}
@media (min-width: 87.5em)
{
    .c-structured-panorama-video__content
    {
        max-width: 120rem;
    }
}
.c-structured-panorama-video__content__video .c-video-item
{
    height: 22rem;
}
@media (min-width: 64em)
{
    .c-structured-panorama-video__content__video .c-video-item
    {
        height: 52rem;
    }
}
@media (min-width: 87.5em)
{
    .c-structured-panorama-video__content__video .c-video-item
    {
        height: 65rem;
    }
}
.c-structured-panorama-video__content__text
{
    font-size: 1.8rem;
    line-height: 2.4rem;

    padding-top: 2rem;

    text-align: center; 

    color: #fff;
}
@media (min-width: 64em)
{
    .c-structured-panorama-video__content__text
    {
        font-size: 2.6rem;
        line-height: 3.6rem; 

        padding-top: 4rem;
    }
}
.c-structured-panorama-video__nav
{
    position: absolute;
    right: 1rem; 
    bottom: 1rem;
}
@media (min-width: 64em)
{
    .c-structured-panorama-video__nav
    {
        right: 4rem; 
        bottom: 4rem;
    }
}

.c-structured-panorama-key-numbers
{
    position: relative;

    display: flex;

    background: linear-gradient(180deg, #070e1d 0%, #11203e 100%); 

    align-items: center;
}
.c-structured-panorama-key-numbers__content
{
    display: flex;
    flex-direction: row;
}
@media (max-width: 63.99em)
{
    .c-structured-panorama-key-numbers__content
    {
        overflow-x: scroll;

        white-space: nowrap;
    }
    .c-structured-panorama-key-numbers__content .c-key-number
    {
        width: 30rem;
        padding: 0 2rem;

        white-space: normal;
    }
}

.c-structured-companies-presentations
{
    padding-top: 2rem; 

    background-color: #f3f6fc;
}
.c-structured-companies-presentations__item-wrapper
{
    width: 100%;
}
.c-structured-companies-presentations__item-wrapper:first-child .c-company-presentation::after
{
    display: none;
}
.c-structured-companies-presentations__button-container
{
    margin-right: -8rem; 
    margin-left: -8rem;

    border-top: .1rem solid rgba(142, 172, 230, .1);
}

.c-structured-list-links-download-documents
{
    padding: 4rem 0;
}
@media (max-width: 87.5em)
{
    .c-structured-list-links-download-documents
    {
        padding: 2rem 0;
    }
}
@media (max-width: 48em)
{
    .c-structured-list-links-download-documents
    {
        padding: 3rem 0;
    }
}
.c-structured-list-links-download-documents__layer
{
    width: 100%;
    margin: 0 auto;
}
@media (min-width: 48em)
{
    .c-structured-list-links-download-documents__layer
    {
        width: calc(100% - 15rem);
    }
}
@media (min-width: 64em)
{
    .c-structured-list-links-download-documents__layer
    {
        width: calc(100% - 20rem);
    }
}
@media (min-width: 87.5em)
{
    .c-structured-list-links-download-documents__layer
    {
        width: calc(100% - 36rem);
    }
}
.c-structured-list-links-download-documents__button-container
{
    margin-top: -.1rem;
    margin-right: -8rem;
    margin-left: -8rem;
}
.c-structured-list-links-download-documents__button-container .c-btn--see-more
{
    box-shadow: inherit !important;
}
.c-structured-list-links-download-documents__button-container .c-btn--see-more:hover
{
    background-color: #f9fafc;
}
.c-structured-list-links-download-documents__button-container .c-btn
{
    background-color: #fff;
}
@media (max-width: 63.99em)
{
    .c-structured-list-links-download-documents__button-container
    {
        margin-right: -4rem;
        margin-left: -4rem;
    }
}
@media (max-width: 47.99em)
{
    .c-structured-list-links-download-documents__button-container
    {
        margin-right: -2rem;
        margin-left: -2rem;
    }
}
@media (max-width: 29.99em)
{
    .c-structured-list-links-download-documents__button-container
    {
        margin-right: -2rem;
        margin-left: -2rem;
    }
}
.c-structured-list-links-download-documents__content__list
{
    margin-top: 0; 
    margin-bottom: 0 !important;
}
@media (min-width: 64em)
{
    .c-structured-list-links-download-documents__content__list
    {
        margin-top: 2rem !important;
    }
}
@media (min-width: 64em)
{
    .c-structured-list-links-download-documents__content .list
    {
        padding-right: 8rem;
        padding-left: 8rem;
    }
}
.c-structured-list-links-download-documents__content__title
{
    font-size: 2.4rem;
    line-height: 3rem; 

    display: block;

    margin-bottom: 0;
    padding-bottom: 2rem;
}
@media (min-width: 64em)
{
    .c-structured-list-links-download-documents__content__title
    {
        font-size: 3.6rem;
        line-height: 4.2rem; 

        padding-right: 8rem;
        padding-bottom: 2.2rem;
        padding-left: 8rem;
    }
}
.c-structured-list-links-download-documents__content__list div:last-child .c-download-document-item,
.c-structured-list-links-download-documents__content__list div:last-child .c-link-info-item
{
    border-bottom: 0 !important;
}
.c-structured-list-links-download-documents__content__list .c-link-info-item > p,
.c-structured-list-links-download-documents__content__list .c-download-document-item > p
{
    padding-right: 3rem;
}
@media (max-width: 47.99em)
{
    .c-structured-list-links-download-documents__content__list .c-link-info-item > p,
    .c-structured-list-links-download-documents__content__list .c-download-document-item > p
    {
        padding-right: 0;
    }
}

.c-structured-list-links-download-documents__with-results .c-structured-list-links-download-documents__content__list
{
    margin-top: 0 !important;
}

.page-portals-container .c-structured-list-links-download-documents__content__title
{
    padding-bottom: 1rem;
}
@media (min-width: 64em)
{
    .page-portals-container .c-structured-list-links-download-documents__content__title
    {
        padding-bottom: 4rem;
    }
}

.page-portals-container .c-structured-list-links-download-documents .list
{
    margin-top: 0;
}
@media (max-width: 63.99em)
{
    .page-portals-container .c-structured-list-links-download-documents .list .c-link-info-item p
    {
        padding: 1rem 0;
    }
}

.regulated-informations-page .regulated-informations-container,
.list_regulated_information .regulated-informations-container
{
    width: calc(100% - 44rem);
    margin: 0 auto;
}
@media (max-width: 87.49em)
{
    .regulated-informations-page .regulated-informations-container,
    .list_regulated_information .regulated-informations-container
    {
        width: calc(100% - 24rem);
    }
}
@media (max-width: 63.99em)
{
    .regulated-informations-page .regulated-informations-container,
    .list_regulated_information .regulated-informations-container
    {
        width: 100%;
    }
}
.regulated-informations-page .regulated-informations-container .c-structured-list-links-download-documents__content__title,
.list_regulated_information .regulated-informations-container .c-structured-list-links-download-documents__content__title
{
    padding-right: 0; 
    padding-left: 0;
}
.regulated-informations-page .regulated-informations-container .c-structured-list-links-download-documents .c-layer,
.list_regulated_information .regulated-informations-container .c-structured-list-links-download-documents .c-layer
{
    padding: 0 5rem;
}
.regulated-informations-page .regulated-informations-container .c-structured-list-links-download-documents:last-child,
.list_regulated_information .regulated-informations-container .c-structured-list-links-download-documents:last-child
{
    margin-bottom: 9rem;
}
@media (max-width: 63.99em)
{
    .regulated-informations-page .regulated-informations-container .c-structured-list-links-download-documents,
    .list_regulated_information .regulated-informations-container .c-structured-list-links-download-documents
    {
        padding: 3rem 0;
    }
    .regulated-informations-page .regulated-informations-container .c-structured-list-links-download-documents__content__list,
    .list_regulated_information .regulated-informations-container .c-structured-list-links-download-documents__content__list
    {
        margin: 0;
    }
    .regulated-informations-page .regulated-informations-container .c-structured-list-links-download-documents .c-layer,
    .list_regulated_information .regulated-informations-container .c-structured-list-links-download-documents .c-layer
    {
        padding: 0 4rem;
    }
    .regulated-informations-page .regulated-informations-container .c-structured-list-links-download-documents:last-child,
    .list_regulated_information .regulated-informations-container .c-structured-list-links-download-documents:last-child
    {
        margin-bottom: 7rem;
    }
}
@media (max-width: 47.99em)
{
    .regulated-informations-page .regulated-informations-container .c-structured-list-links-download-documents .c-layer,
    .list_regulated_information .regulated-informations-container .c-structured-list-links-download-documents .c-layer
    {
        padding: 0 2rem;
    }
}

@media (max-width: 47.99em)
{
    .c-structured-tab-documents__tabs__content__item--container .c-structured-list-links-download-documents__content ul.list
    {
        margin-bottom: 0;
    }
}

.c-structured-filters-documents
{
    margin: 4rem 0;
    padding: 3rem;

    background-color: #f9fafc;
}
@media (max-width: 63.99em)
{
    .c-structured-filters-documents
    {
        display: none;
    }
}
.c-structured-filters-documents__select
{
    display: flex;
    flex-direction: row; 

    flex: 1;
}
.c-structured-filters-documents__select__container
{
    position: relative;

    max-width: 21rem; 
    padding: 0 1.5rem;

    flex: 1;
}

.c-structured-safran-share--first
{
    padding-top: 5.6rem;
}
@media (min-width: 48em)
{
    .c-structured-safran-share--first
    {
        padding-top: 7.7rem;
    }
}
@media (min-width: 64em)
{
    .c-structured-safran-share--first
    {
        padding-top: 13.1rem;
    }
}

.c-structured-safran-share .c-structured-safran-share-wrapper
{
    display: flex;
    flex-direction: column;

    padding: 8rem;

    align-items: center;
    justify-content: center;
}
.c-structured-safran-share .c-structured-safran-share-wrapper__title h1,
.c-structured-safran-share .c-structured-safran-share-wrapper__title h2
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 3.6rem;
    font-weight: 400;
    line-height: 4.2rem;

    margin: 0;

    text-align: center; 

    color: #141d29;
}
.c-structured-safran-share .c-structured-safran-share-wrapper__title span
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 2.5rem;

    display: block;

    margin-top: .6rem; 

    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;

    color: #525668;
}
.c-structured-safran-share .c-structured-safran-share-wrapper__price
{
    margin-top: 8rem;

    text-align: center;
}
.c-structured-safran-share .c-structured-safran-share-wrapper__price .numbers
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 14rem;
    font-weight: 300;
    line-height: 13rem;

    color: #1b1d27;
}
.c-structured-safran-share .c-structured-safran-share-wrapper__price .numbers span
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 5.5rem;

    margin-left: -2.5rem;
}
.c-structured-safran-share .c-structured-safran-share-wrapper__price .percent
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 2.8rem;
    line-height: 2.5rem;

    width: 108px;
    height: 46px;
    margin-top: .6rem;
    padding: .6rem 1.25rem; 

    border-radius: 2px;
}
.c-structured-safran-share .c-structured-safran-share-wrapper__price .percent.up
{
    color: #126330;
    background-color: #f9fafc;
}
.c-structured-safran-share .c-structured-safran-share-wrapper__price .percent.down
{
    color: #8f3d14;
    background-color: #f9fafc;
}
.c-structured-safran-share .c-structured-safran-share-wrapper__price .percent .before
{
    margin-right: -.5rem;
}
.c-structured-safran-share .c-structured-safran-share-wrapper__price .percent .after
{
    font-size: 2.2rem;

    margin-left: -.6rem;
}
.c-structured-safran-share .c-structured-safran-share-wrapper .title
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 2rem;

    letter-spacing: .6px;
    text-transform: uppercase; 

    color: #525668;
}
.c-structured-safran-share .c-structured-safran-share-wrapper__otherprice
{
    position: relative;

    display: flex;

    width: 70vw; 
    margin-top: 8.3rem;

    text-align: center;

    justify-content: center;
}
.c-structured-safran-share .c-structured-safran-share-wrapper__otherprice:before
{
    position: absolute;
    top: 0;

    width: 100%;
    height: 1px;

    content: '';

    background-color: #d1d6e6;
}
.c-structured-safran-share .c-structured-safran-share-wrapper__otherprice--item
{
    display: flex;
    flex-direction: column;

    margin-top: 3.6rem;

    flex: 33%;
}
.c-structured-safran-share .c-structured-safran-share-wrapper__otherprice--item:first-child
{
    align-items: flex-start;
}
.c-structured-safran-share .c-structured-safran-share-wrapper__otherprice--item:last-child
{
    align-items: flex-end;
}
.c-structured-safran-share .c-structured-safran-share-wrapper__otherprice--item .numbers
{
    font-size: 9.5rem;
    font-weight: 300;
}
.c-structured-safran-share .c-structured-safran-share-wrapper__otherprice--item .numbers span
{
    font-size: 3.5rem;

    margin-left: -1.5rem;
}
.c-structured-safran-share .c-structured-safran-share-wrapper__button
{
    display: flex;

    width: 100%;
    margin-top: 8rem; 

    justify-content: flex-end;
}
.c-structured-safran-share .c-structured-safran-share-wrapper__legend
{
    display: flex;

    width: 70vw; 

    justify-content: flex-start;
}

@media (max-width: 87.5em)
{
    .c-structured-safran-share .c-structured-safran-share-wrapper
    {
        padding: 4rem;
    }
}

@media (max-width: 48em)
{
    .c-structured-safran-share .c-structured-safran-share-wrapper
    {
        padding: 4rem 2rem;
    }
    .c-structured-safran-share .c-structured-safran-share-wrapper__title
    {
        text-align: center;
    }
    .c-structured-safran-share .c-structured-safran-share-wrapper__title h1,
    .c-structured-safran-share .c-structured-safran-share-wrapper__title h2
    {
        font-size: 2.4rem;
        line-height: 3rem;
    }
    .c-structured-safran-share .c-structured-safran-share-wrapper__title span
    {
        font-size: 1.1rem;
        line-height: 2.5rem; 

        letter-spacing: 1.83px;
    }
    .c-structured-safran-share .c-structured-safran-share-wrapper__price
    {
        margin-top: 5.5rem;
    }
    .c-structured-safran-share .c-structured-safran-share-wrapper__price .numbers
    {
        font-size: 9rem;
        line-height: 7rem; 

        margin-top: 2rem;
    }
    .c-structured-safran-share .c-structured-safran-share-wrapper__price .numbers span
    {
        font-size: 3.5rem;

        margin-left: -2rem;
    }
    .c-structured-safran-share .c-structured-safran-share-wrapper__price .percent
    {
        font-size: 2.2rem;
        line-height: 1.9rem;
    }
    .c-structured-safran-share .c-structured-safran-share-wrapper__otherprice
    {
        flex-direction: column;

        width: 100%;
        margin-top: 4.6rem;

        align-items: center;
    }
    .c-structured-safran-share .c-structured-safran-share-wrapper__otherprice:before
    {
        width: 62vw;
    }
    .c-structured-safran-share .c-structured-safran-share-wrapper__otherprice--item
    {
        margin-top: 2.5rem;
        margin-bottom: 3.5rem;
    }
    .c-structured-safran-share .c-structured-safran-share-wrapper__otherprice--item:first-child,
    .c-structured-safran-share .c-structured-safran-share-wrapper__otherprice--item:last-child
    {
        align-items: center;
    }
    .c-structured-safran-share .c-structured-safran-share-wrapper__otherprice--item:last-child
    {
        margin-bottom: 0;
    }
    .c-structured-safran-share .c-structured-safran-share-wrapper__otherprice--item .numbers
    {
        font-size: 5.5rem;
        font-weight: 300; 
        line-height: 5.5rem;
    }
    .c-structured-safran-share .c-structured-safran-share-wrapper__otherprice--item .numbers span
    {
        font-size: 3rem;

        margin-left: -1rem;
    }
    .c-structured-safran-share .c-structured-safran-share-wrapper__button
    {
        margin-top: 6rem;

        justify-content: center;
    }
    .c-structured-safran-share .c-structured-safran-share-wrapper__button a
    {
        padding: 0;
    }
}

.c-structured-graphical-section .c-structured-graphical-section-container
{
    padding: 8rem;
}
.c-structured-graphical-section .c-structured-graphical-section-container__title h2
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 3.6rem;
    line-height: 4.2rem;

    margin: 0;
}
.c-structured-graphical-section .c-structured-graphical-section-container__subtitle
{
    margin-top: .6rem;
}
.c-structured-graphical-section .c-structured-graphical-section-container__subtitle span
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 2.5rem;

    letter-spacing: 2px;
    text-transform: uppercase; 

    color: #525668;
}
.c-structured-graphical-section .c-structured-graphical-section-container__content
{
    display: flex;

    margin-top: 8.3rem;
}
.c-structured-graphical-section .c-structured-graphical-section-container__text
{
    max-width: 1120px;
    margin: 0 auto;
    margin-top: 6rem;
}
.c-structured-graphical-section .c-structured-graphical-section-container__text p
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.3rem;
    line-height: 1.6rem;

    margin: 0; 

    letter-spacing: .49px;

    color: #84899f;
}
.c-structured-graphical-section .c-structured-graphical-section-container .graphical-item
{
    flex-direction: column;

    text-align: center;

    justify-content: flex-start;
    align-items: center;
    flex: 1 1 auto;
}
.c-structured-graphical-section .c-structured-graphical-section-container .graphical-item__title
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 2.8rem;
    line-height: 3.6rem;

    margin-bottom: 4rem;

    color: #141d29;
}

@media (max-width: 87.5em)
{
    .c-structured-graphical-section .c-structured-graphical-section-container
    {
        padding: 4rem;
    }
}

@media (max-width: 80em)
{
    .c-structured-graphical-section .c-structured-graphical-section-container .graphical-item.imgWidth img
    {
        width: inherit;
    }
    .c-structured-graphical-section .c-structured-graphical-section-container .graphical-item img
    {
        width: 100%;
        height: auto;
    }
}

@media (max-width: 62em)
{
    .c-structured-graphical-section .c-structured-graphical-section-container .graphical-item.imgWidth img
    {
        width: 100%;
        height: auto;
    }
    .c-structured-graphical-section .c-structured-graphical-section-container .graphical-item img
    {
        width: 100%;
        height: auto;
    }
}

@media (max-width: 48em)
{
    .c-structured-graphical-section .c-structured-graphical-section-container
    {
        padding: 4rem 2rem;
    }
    .c-structured-graphical-section .c-structured-graphical-section-container__title h2
    {
        font-size: 2.4rem;
        line-height: 3rem;
    }
    .c-structured-graphical-section .c-structured-graphical-section-container__subtitle
    {
        margin-top: .5rem;
    }
    .c-structured-graphical-section .c-structured-graphical-section-container__subtitle span
    {
        font-size: 1.1rem;
        line-height: 2.5rem;

        letter-spacing: 1.83px;
    }
    .c-structured-graphical-section .c-structured-graphical-section-container__content
    {
        flex-direction: column; 

        margin-top: 2.5rem;
    }
    .c-structured-graphical-section .c-structured-graphical-section-container .graphical-item__title
    {
        font-size: 1.8rem;
        line-height: 2.4rem;

        margin-bottom: 2.5rem;

        letter-spacing: 1px;
    }
}

@media (max-width: 47.99em)
{
    body.careers .c-structured-basic-spotlight__surtitle
    {
        text-align: center;
    }
    body.careers .c-structured-basic-spotlight__surtitle h2
    {
        font-size: 1.2rem;
        line-height: 2.5rem;

        margin-bottom: 0rem; 

        letter-spacing: .4rem;
    }
    body.careers .c-structured-basic-spotlight__content--image
    {
        width: calc(100% + 4rem); 
        margin-left: -2rem;
    }
    body.careers .c-structured-basic-spotlight__content--text h3
    {
        font-size: 2.4rem;
        line-height: 3rem;

        text-align: center;
    }
}

.c-structured-basic-spotlight
{
    position: relative;

    padding: 8rem;

    background-color: #fff;
}
.c-structured-basic-spotlight--dark
{
    background-color: inherit;
}
.c-structured-basic-spotlight--dark .c-structured-basic-spotlight__content--text h3
{
    color: #fff;
}
.c-structured-basic-spotlight--dark .c-structured-basic-spotlight__content--text h3 span
{
    color: #71a8da;
}
.c-structured-basic-spotlight--dark .c-structured-basic-spotlight__content--text-button a.c-btn--primary-inverted
{
    color: #71a8da;
    border-color: #71a8da;
}
.c-structured-basic-spotlight--dark .c-structured-basic-spotlight__content--text-button a.c-btn--primary-inverted span
{
    color: #71a8da;
}
.c-structured-basic-spotlight--dark .c-structured-basic-spotlight__content--text-button a.c-btn--primary-inverted .icon-svg
{
    background-color: #71a8da;
}
.c-structured-basic-spotlight--dark .c-structured-basic-spotlight__content--text-button a.c-btn--primary-inverted:hover
{
    color: #000; 
    background-color: #71a8da;
}
.c-structured-basic-spotlight--dark .c-structured-basic-spotlight__content--text-button a.c-btn--primary-inverted:hover span
{
    color: #000;
}
.c-structured-basic-spotlight--dark .c-structured-basic-spotlight__content--text-button a.c-btn--primary-inverted:hover .icon-svg
{
    background-color: #000;
}
.c-structured-basic-spotlight--dark .c-structured-basic-spotlight__content--image-legend
{
    color: #a4acbc;
}
.c-structured-basic-spotlight__surtitle
{
    margin-bottom: 4rem;
}
.c-structured-basic-spotlight__surtitle h2
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.5rem;

    margin-bottom: 0; 

    letter-spacing: 6px;
    text-transform: uppercase;

    color: #8f94a9;
}
.c-structured-basic-spotlight__surtitleBig
{
    margin-bottom: 4rem;
}
.c-structured-basic-spotlight__surtitleBig h2
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 3.6rem;
    font-weight: 400;
    line-height: 4.2rem;

    margin-bottom: 0; 

    color: #141d29;
}
.c-structured-basic-spotlight__content
{
    position: relative;

    display: flex;
    flex-direction: row-reverse;

    flex: 1 1 auto;
}
.c-structured-basic-spotlight__content--image,
.c-structured-basic-spotlight__content--text
{
    position: relative;

    padding: 3rem 0;

    flex: 50%;
}
.c-structured-basic-spotlight__content--image
{
    display: flex;
    flex-direction: column;

    justify-content: flex-end;
}
.c-structured-basic-spotlight__content--image img
{
    width: 100%;
    height: auto;
}
.c-structured-basic-spotlight__content--image-legend
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.3rem;
    line-height: 1.6rem; 

    letter-spacing: .49px;

    color: #132335;
}
.c-structured-basic-spotlight__content--text
{
    display: flex;
    flex-direction: column;

    padding-right: 9.3rem; 
    padding-left: 8rem;

    justify-content: center;
}
.c-structured-basic-spotlight__content--text h3
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 3.6rem;
    font-weight: 400;
    line-height: 4.2rem;

    margin: 0;

    text-transform: none; 

    color: #132335;
}
.c-structured-basic-spotlight__content--text h3 span
{
    font-size: 3.8rem; 

    color: #255b8e;
}
.c-structured-basic-spotlight__content--text p
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 3.6rem;
    font-weight: 400;
    line-height: 4.2rem;

    margin: 0; 

    color: #132335;
}
.c-structured-basic-spotlight__content--text p span
{
    font-size: 3.8rem; 

    color: #255b8e;
}
.c-structured-basic-spotlight__content--text-button
{
    display: flex;
    flex-direction: column;
}
.c-structured-basic-spotlight__content--text-button button,
.c-structured-basic-spotlight__content--text-button a
{
    display: flex;
    flex-direction: row;

    max-width: 41rem;
    margin-top: 2rem;

    justify-content: center;
}
.c-structured-basic-spotlight__content--text-button button span,
.c-structured-basic-spotlight__content--text-button a span
{
    font: inherit;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 2rem; 

    letter-spacing: .28rem;
}
.c-structured-basic-spotlight__content--text-button button .icon-svg,
.c-structured-basic-spotlight__content--text-button a .icon-svg
{
    display: block;

    width: 2rem;
    height: 2rem;
    margin-right: 1.5rem; 

    background-color: #fff;
}
.c-structured-basic-spotlight__content--text-button button.c-btn--primary span,
.c-structured-basic-spotlight__content--text-button a.c-btn--primary span
{
    color: #fff;
}
.c-structured-basic-spotlight__content--text-button button.c-btn--primary-inverted span,
.c-structured-basic-spotlight__content--text-button a.c-btn--primary-inverted span
{
    color: #255b8e;
}
.c-structured-basic-spotlight__content--text-button button.c-btn--primary-inverted .icon-svg,
.c-structured-basic-spotlight__content--text-button a.c-btn--primary-inverted .icon-svg
{
    background-color: #255b8e;
}
.c-structured-basic-spotlight__content--text-button button.c-btn--primary-inverted:hover span,
.c-structured-basic-spotlight__content--text-button a.c-btn--primary-inverted:hover span
{
    color: #fff;
}
.c-structured-basic-spotlight__content--text-button button.c-btn--primary-inverted:hover .icon-svg,
.c-structured-basic-spotlight__content--text-button a.c-btn--primary-inverted:hover .icon-svg
{
    background-color: #fff;
}
.c-structured-basic-spotlight__content--text-button button:first-child,
.c-structured-basic-spotlight__content--text-button a:first-child
{
    margin-top: 4rem;
}
.c-structured-basic-spotlight__content--text-button button.c-btn--icon,
.c-structured-basic-spotlight__content--text-button a.c-btn--icon
{
    max-width: 41rem;
}
.c-structured-basic-spotlight .highlight:before
{
    position: absolute;
    left: 0;

    width: calc(100% - 8rem);
    height: 100%;

    content: '';

    background-color: #fff;
    box-shadow: 0 14px 12px 0 rgba(59, 135, 204, .08);
}
.c-structured-basic-spotlight .right
{
    flex-direction: row;
}
.c-structured-basic-spotlight .right.highlight:before
{
    right: 0;

    width: calc(100% - 8rem);
    margin-left: 8rem;
}
.c-structured-basic-spotlight .right.bigPadding .c-structured-basic-spotlight__content--image img
{
    padding-top: 6rem;
    padding-bottom: 1rem;
}
.c-structured-basic-spotlight .right.shadow .c-structured-basic-spotlight__content--image
{
    background-color: #fff;
}
.c-structured-basic-spotlight .right.shadow .c-structured-basic-spotlight__content--image img
{
    box-shadow: 0 14px 12px 0 rgba(59, 135, 204, .08);
}
.c-structured-basic-spotlight .right .c-structured-basic-spotlight__content--image
{
    justify-content: flex-start;
}
.c-structured-basic-spotlight .right .c-structured-basic-spotlight__content--image img
{
    max-width: inherit;
}
.c-structured-basic-spotlight .right .c-structured-basic-spotlight__content--text
{
    padding-right: 5.3rem; 
    padding-left: 12rem;
}

@media (max-width: 87.5em)
{
    .c-structured-basic-spotlight
    {
        padding: 4rem;
    }
    .c-structured-basic-spotlight .highlight:before
    {
        width: calc(100% - 4rem);
    }
    .c-structured-basic-spotlight .right.highlight:before
    {
        right: 0;

        margin-left: 4rem;
    }
}

@media (max-width: 64em)
{
    .c-structured-basic-spotlight__content--text
    {
        padding-right: 0;
    }
    .c-structured-basic-spotlight .right .c-structured-basic-spotlight__content--text
    {
        padding-right: 5.3rem; 
        padding-left: 6rem;
    }
}

@media (max-width: 48em)
{
    .c-structured-basic-spotlight
    {
        padding: 4rem 2rem;
    }
    .c-structured-basic-spotlight__surtitle
    {
        margin-bottom: 2rem;
    }
    .c-structured-basic-spotlight__surtitleBig
    {
        text-align: center;
    }
    .c-structured-basic-spotlight__surtitleBig h2
    {
        font-size: 2.4rem;
        line-height: 2.4rem;
    }
    .c-structured-basic-spotlight__content
    {
        flex-direction: column;
    }
    .c-structured-basic-spotlight__content--image
    {
        padding: 0;

        justify-content: center;
    }
    .c-structured-basic-spotlight__content--image img
    {
        max-width: inherit;
    }
    .c-structured-basic-spotlight__content--text
    {
        margin-top: 3rem; 
        padding: 0;
    }
    .c-structured-basic-spotlight__content--text h3
    {
        font-size: 2.4rem;
        line-height: 2.4rem;
    }
    .c-structured-basic-spotlight__content--text h3 span
    {
        font-size: 2.6rem;
    }
    .c-structured-basic-spotlight__content--text p
    {
        font-size: 1.8rem;
        line-height: 2.4rem;

        text-align: center; 
        letter-spacing: .01rem;
    }
    .c-structured-basic-spotlight__content--text p span
    {
        font-size: 1.8rem;
    }
    .c-structured-basic-spotlight__content--text button,
    .c-structured-basic-spotlight__content--text a
    {
        margin-top: 3rem;
    }
    .c-structured-basic-spotlight__content--text-button
    {
        align-items: center;
    }
    .c-structured-basic-spotlight__content--text-button button,
    .c-structured-basic-spotlight__content--text-button a
    {
        width: 100%;
    }
    .c-structured-basic-spotlight .highlight:before
    {
        display: none;
    }
    .c-structured-basic-spotlight .right
    {
        flex-direction: column;
    }
    .c-structured-basic-spotlight .right .c-structured-basic-spotlight__content--image
    {
        justify-content: inherit;
    }
    .c-structured-basic-spotlight .right .c-structured-basic-spotlight__content--image img
    {
        max-width: inherit;
    }
    .c-structured-basic-spotlight .right .c-structured-basic-spotlight__content--text
    {
        padding-right: 0; 
        padding-left: 0;
    }
}

.c-structured-offers-items
{
    position: relative;

    padding: 8rem;
}
.c-structured-offers-items .c-structured-offers-items-container
{
    display: flex;
}
.c-structured-offers-items .offers-item
{
    display: flex;
    flex-direction: column;

    height: 100%;
    margin-right: 2.5rem;

    background-color: #fff;
    box-shadow: 0 14px 12px 0 rgba(59, 135, 204, .08); 

    flex-basis: calc(34% - 2.5rem);
    align-items: center;
}
.c-structured-offers-items .offers-item:last-child
{
    margin-right: 0;
}
.c-structured-offers-items .offers-item__image
{
    width: 100%;
    height: 100%;
}
.c-structured-offers-items .offers-item__image img
{
    width: 100%;
    height: auto;
}
.c-structured-offers-items .offers-item__title
{
    width: 100%;
    height: auto;
    margin-top: 3rem;
    margin-right: 2rem;
    margin-left: 2rem;

    text-align: center;
}
.c-structured-offers-items .offers-item__title span
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 2.8rem;
    line-height: 3.6rem; 

    color: #141d29;
}
.c-structured-offers-items .offers-item__button
{
    margin-top: 7.7rem;
    margin-bottom: 3.5rem;
}

@media (max-width: 87.5em)
{
    .c-structured-offers-items
    {
        padding: 4rem;
    }
}

@media (max-width: 48em)
{
    .c-structured-offers-items
    {
        padding: 0;

        background-color: #fff;
    }
    .c-structured-offers-items .c-structured-offers-items-container
    {
        display: inherit;

        padding: 4rem 2rem;
    }
    .c-structured-offers-items .offers-item
    {
        flex-direction: column;

        margin-right: 0;
        margin-bottom: 2.5rem; 

        background-color: #fff;
        box-shadow: 0 14px 12px 0 rgba(59, 135, 204, .08);

        flex-basis: 100%;
        align-items: inherit;
    }
    .c-structured-offers-items .offers-item__title
    {
        margin-top: 2rem;
        margin-right: 0;
        margin-left: 0;
        padding: 0 1rem;

        text-align: center;
    }
    .c-structured-offers-items .offers-item__title span
    {
        font-size: 1.8rem;
        line-height: 2.4rem;

        color: #141d29;
    }
    .c-structured-offers-items .offers-item__button
    {
        margin-top: 3rem;
        margin-right: 2rem; 
        margin-bottom: 3rem;
        margin-left: 2rem;
    }
    .c-structured-offers-items .offers-item__button button
    {
        width: 100%;
    }
}

.c-structured-dividends
{
    padding: 8rem;
}
.c-structured-dividends__title
{
    text-align: center;
}
.c-structured-dividends__title h2
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 3.6rem;
    line-height: 4.2rem;
}
.c-structured-dividends__content
{
    display: flex;

    margin-top: 12rem;
    margin-bottom: 8rem; 

    align-items: center;
    justify-content: center;
}
.c-structured-dividends__content > div
{
    display: flex;
    flex-direction: column;
}
.c-structured-dividends__content--subtitle .number
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 9.5rem;
    font-weight: 300;
    line-height: 11.4rem;

    color: #141d29;
}
.c-structured-dividends__content--subtitle .text
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 2rem;

    letter-spacing: .6px;
    text-transform: uppercase; 

    color: #525668;
}
.c-structured-dividends__content--text
{
    max-width: 422px; 
    margin-left: 13.6rem;
}
.c-structured-dividends__content--text p
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.8rem;
    line-height: 2.6rem;

    margin: 0;
}
.c-structured-dividends__button
{
    display: flex;

    justify-content: center;
    align-items: center;
}

@media (max-width: 87.5em)
{
    .c-structured-dividends
    {
        padding: 4rem;
    }
}

@media (max-width: 48em)
{
    .c-structured-dividends
    {
        padding: 4rem 2rem;
    }
    .c-structured-dividends__title h2
    {
        font-size: 2.4rem;
        line-height: 3rem;
    }
    .c-structured-dividends__content
    {
        flex-direction: column; 

        margin-top: 6rem;
        margin-bottom: 6rem;

        align-items: inherit;
        justify-content: inherit;
    }
    .c-structured-dividends__content--subtitle .number
    {
        font-size: 6rem;
        line-height: 6rem;
    }
    .c-structured-dividends__content--subtitle .text
    {
        font-size: 1.4rem;
        line-height: 1.8rem;

        margin-top: 1rem; 

        letter-spacing: .53px;
    }
    .c-structured-dividends__content--text
    {
        max-width: inherit;
        margin-top: .6rem; 
        margin-left: 0;
    }
    .c-structured-dividends__content--text p
    {
        font-size: 1.6rem;
        line-height: 2.2rem;
    }
    .c-structured-dividends__button a
    {
        width: 100%;
    }
}

.c-structured-array-employees
{
    padding: 8rem 0;
}
.c-structured-array-employees__array table
{
    width: 100%;
    max-width: 80%;
    margin: 0 auto;
}
@media (min-width: 64em)
{
    .c-structured-array-employees__array table
    {
        max-width: 90%;
    }
}
@media (min-width: 87.5em)
{
    .c-structured-array-employees__array table
    {
        max-width: 85%;
    }
}
.c-structured-array-employees__array thead
{
    background-color: #f9fafc;
}
.c-structured-array-employees__array thead tr:first-child th:nth-child(2)
{
    width: 435px;
}
.c-structured-array-employees__array thead th
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 2rem;

    padding: 2rem; 

    letter-spacing: .6px;

    color: #525668;
    border-left: 1px solid #e7eaf2;
}
.c-structured-array-employees__array thead th:first-child
{
    border: 0;
}
.c-structured-array-employees__array thead th span
{
    font-size: 1.3rem;

    margin-top: .5rem; 

    color: #84899f;
}
.c-structured-array-employees__array tbody tr
{
    height: 63px;

    border-bottom: 1px solid #d1d6e6;
}
.c-structured-array-employees__array tbody td
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.8rem;
    line-height: 2.2rem; 

    text-align: center;

    color: #1b1d27;
}
.c-structured-array-employees__array .grey-background
{
    font-weight: 500;

    padding: 1rem 2rem; 

    background-color: #e7eaf2;
}
.c-structured-array-employees__array .bold
{
    font-weight: 600;
}

.reduce-padding
{
    padding-top: 0;
    padding-bottom: 8rem;
}

@media (max-width: 87.5em)
{
    .c-structured-array-employees
    {
        padding: 4rem 0;
    }
    .reduce-padding
    {
        padding-top: 0;
        padding-bottom: 4rem;
    }
}

@media (max-width: 64em)
{
    .c-structured-array-employees__array table
    {
        max-width: 100%;
    }
}

@media (max-width: 48em)
{
    .c-structured-array-employees
    {
        padding: 4rem 0 6rem 2rem;
    }
    .c-structured-array-employees__array table
    {
        display: block;
        overflow-x: scroll;
        overflow-y: hidden;

        width: 100%;
        padding-bottom: 2.6rem; 

        white-space: nowrap;
    }
    .c-structured-array-employees__array table::-webkit-scrollbar-track
    {
        position: absolute;
        top: calc(100% + 10rem);
        left: 0;

        width: 100%;
        margin-top: 3rem;

        border-radius: 10px; 
        background-color: #e8ecf4;
    }
    .c-structured-array-employees__array table::-webkit-scrollbar
    {
        position: absolute;
        top: calc(100% + 10rem);
        left: 0;

        width: 100%;
        height: 5px;

        background-color: transparent;
    }
    .c-structured-array-employees__array table::-webkit-scrollbar-thumb
    {
        height: 5px;
        margin-top: 3rem;

        border-radius: 10px; 
        background-color: #bcbfcf;
    }
    .c-structured-array-employees__array table thead th
    {
        font-size: 1.4rem;
        line-height: 2rem;

        letter-spacing: .53px;
    }
    .c-structured-array-employees__array table tbody td
    {
        font-size: 1.6rem;
        line-height: 1.9rem;
    }
}

body.finance-essentials #ui-datepicker-div,
body.stock-prices #ui-datepicker-div
{
    margin-top: 1rem; 

    border: 1px solid #525668;
    background-color: #fff;
}

body.finance-essentials .ui-datepicker-prev,
body.finance-essentials .ui-datepicker-next,
body.stock-prices .ui-datepicker-prev,
body.stock-prices .ui-datepicker-next
{
    cursor: pointer;
}

body.finance-essentials .ui-state-disabled,
body.stock-prices .ui-state-disabled
{
    padding: 2rem;
}

.c-structured-calcul
{
    padding: 8rem;
}
.c-structured-calcul__title
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 3.6rem;
    line-height: 4.2rem;

    color: #141d29;
}
.c-structured-calcul__top
{
    display: flex;

    margin-right: -8rem; 
    margin-left: -8rem;

    background-color: #f9fafc;

    justify-content: center;
    align-items: center;
}
.c-structured-calcul__top--block
{
    display: flex;
    flex-direction: column;

    padding-right: 6rem;
    padding-left: 6rem; 

    border-right: 1px solid #d1d6e6;
}
.c-structured-calcul__top--block:first-child
{
    padding-left: 0;
}
.c-structured-calcul__top--block:last-child
{
    padding-right: 0; 

    border: 0;
}
.c-structured-calcul__bottom
{
    display: flex;

    margin-top: 4rem; 

    justify-content: center;
}
.c-structured-calcul__bottom table
{
    width: 100%; 
    max-width: 845px;
}
.c-structured-calcul__bottom table tr
{
    height: 63px;

    border-bottom: 1px solid #d1d6e6;
}
.c-structured-calcul__bottom table td
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.8rem;
    line-height: 2.2rem;

    text-align: center; 

    color: #1b1d27;
}
.c-structured-calcul__bottom table td:first-child
{
    width: 524px;
}
.c-structured-calcul__bottom table td:last-child
{
    font-weight: 600;

    width: 321px;
}
.c-structured-calcul__bottom table td.positive
{
    color: #126330;
}

.c-custom-datepicker,
.c-custom-input-radio
{
    position: relative;

    display: inline-block;

    margin-bottom: 4rem;
}
.c-custom-datepicker:first-child,
.c-custom-input-radio:first-child
{
    margin-top: 4rem;
}
.c-custom-datepicker.c-input--not-empty .placeholder,
.c-custom-input-radio.c-input--not-empty .placeholder
{
    font-size: 1.1rem;
    line-height: 1.3rem; 

    top: -1.8rem;
    left: 0;

    color: #525668;
}
.c-custom-datepicker input,
.c-custom-input-radio input
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.4rem;
    line-height: 1.7rem;

    display: block;

    width: 206px; 
    margin-bottom: 0;

    letter-spacing: 0;

    color: #1b1d27;
    border: 1px solid #525668;
}
.c-custom-datepicker input:focus + .placeholder,
.c-custom-input-radio input:focus + .placeholder
{
    font-size: 1.1rem;
    line-height: 1.3rem; 

    top: -1.8rem;
    left: 0;

    color: #255b8e;
}
.c-custom-datepicker input:focus,
.c-custom-input-radio input:focus
{
    border: 1px solid #255b8e !important;
}
.c-custom-datepicker .calendar,
.c-custom-input-radio .calendar
{
    position: absolute;
    top: 1.1rem;
    right: 2rem;

    cursor: pointer;
}
.c-custom-datepicker .calendar img,
.c-custom-input-radio .calendar img
{
    width: 18px;
    height: 18px;
}
.c-custom-datepicker .placeholder,
.c-custom-input-radio .placeholder
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.4rem;
    line-height: 1.7rem;

    position: absolute;
    top: 1.8rem;
    left: 2rem;

    overflow: hidden;

    transition: all .3s ease-in-out;
    letter-spacing: 0;
    text-overflow: ellipsis;
    pointer-events: none; 

    color: #1b1d27;
}

.c-custom-input-radio.invest:after
{
    font-size: 1.4rem;
    line-height: 1.7rem;

    position: absolute;
    top: 1.8rem;
    right: 2rem;

    content: '€';

    opacity: .4; 
    color: #a1a5b9;
}

.c-custom-input-radio input
{
    opacity: .4; 
    border: 1px solid #bcbfcf;
    background-color: #fff;
}

.c-custom-input-radio .placeholder
{
    opacity: .4; 
    color: #525668;
}

.c-custom-input-radio .radio
{
    position: absolute;
    top: 1.8rem;
    left: -3rem;

    width: 16px;
    height: 16px;

    cursor: pointer; 

    opacity: .4;
    border: 1px solid #525668;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, .07);
}
.c-custom-input-radio .radio:after
{
    position: absolute;
    top: .2rem;
    left: .2rem;

    display: none; 

    width: 10px;
    height: 10px;

    content: '';

    border-radius: 5px;
    background-color: #255b8e;
}

.c-custom-input-radio.invest.active-radio:after
{
    opacity: 1;
}

.c-custom-input-radio.active-radio input
{
    pointer-events: inherit; 

    opacity: 1;
    color: #1b1d27;
    border: 1px solid #525668;
}

.c-custom-input-radio.active-radio .placeholder
{
    opacity: 1; 
    color: #1b1d27;
}

.c-custom-input-radio.active-radio .radio
{
    opacity: 1; 
    border: 1px solid #255b8e;
}
.c-custom-input-radio.active-radio .radio:after
{
    display: inherit;
}

.hasDatepicker
{
    cursor: pointer;
}

@media (max-width: 87.5em)
{
    .c-structured-calcul
    {
        padding: 4rem;
    }
    .c-structured-calcul__top
    {
        margin-right: -4rem; 
        margin-left: -4rem;
    }
}

@media (max-width: 48em)
{
    .c-custom-datepicker input,
    .c-custom-input-radio input
    {
        width: 100%;
    }
    body.finance-essentials #ui-datepicker-div,
    body.stock-prices #ui-datepicker-div
    {
        left: 0 !important;

        display: block;

        width: 100vw;
        margin-top: 1rem !important;
        margin-bottom: 1rem;

        border: 0 !important;
        background-color: #f9fafc !important;
        box-shadow: inset 0 0 15px 0 rgba(27, 29, 39, .1);
    }
    body.finance-essentials .ui-datepicker-calendar,
    body.stock-prices .ui-datepicker-calendar
    {
        width: 100%;
        margin: 0 !important;
    }
    body.finance-essentials .ui-datepicker-calendar thead tr,
    body.stock-prices .ui-datepicker-calendar thead tr
    {
        justify-content: inherit !important;
    }
    body.finance-essentials .ui-datepicker-calendar thead tr th,
    body.stock-prices .ui-datepicker-calendar thead tr th
    {
        flex: 1 1 auto;
    }
    body.finance-essentials .ui-datepicker-calendar tbody tr,
    body.stock-prices .ui-datepicker-calendar tbody tr
    {
        display: flex !important;

        justify-content: space-around !important;
    }
    body.finance-essentials .ui-datepicker-calendar tbody tr td,
    body.stock-prices .ui-datepicker-calendar tbody tr td
    {
        margin: 0 2rem; 

        flex: 2;
    }
    body.finance-essentials .ui-state-disabled,
    body.stock-prices .ui-state-disabled
    {
        padding: inherit;
    }
    .c-custom-datepicker,
    .c-custom-input-radio
    {
        margin-bottom: 3rem;
    }
    .c-custom-datepicker:first-child,
    .c-custom-input-radio:first-child
    {
        margin-top: 3rem;
    }
    .c-structured-calcul
    {
        padding: 4rem 2rem;
    }
    .c-structured-calcul__title h2
    {
        font-size: 2.4rem;
        line-height: 3rem;

        margin-bottom: 3.2rem;
    }
    .c-structured-calcul__top
    {
        flex-direction: column; 

        margin-right: 0;
        margin-left: 0;
        padding-bottom: 2rem;
    }
    .c-structured-calcul__top--block
    {
        width: 100%;
        padding: 0;

        border-right: 0;
        border-bottom: 1px solid #d1d6e6; 

        align-items: center;
    }
    .c-structured-calcul__top--block > div
    {
        width: 75%;
    }
    .c-structured-calcul__top--block:nth-child(2)
    {
        border-bottom: 0;
    }
    .c-structured-calcul__bottom
    {
        margin-top: 2rem;
    }
    .c-structured-calcul__bottom table
    {
        max-width: inherit;
    }
    .c-structured-calcul__bottom table td
    {
        font-size: 1.6rem;
        line-height: 1.9rem;

        word-break: break-word;
    }
    .c-structured-calcul__bottom table td:first-child,
    .c-structured-calcul__bottom table td:last-child
    {
        width: inherit;
    }
}

@media (max-width: 30em)
{
    .finance-essentials .ui-datepicker-calendar
    {
        margin: 2rem !important;
    }
    .finance-essentials .ui-datepicker-calendar tbody tr td
    {
        margin: 0; 

        flex: 2;
    }
}

@media (max-width: 47.99em)
{
    .c-structured-stock-prices > .c-layer
    {
        padding: 4rem 2rem;
    }
}

.c-structured-stock-prices__head-btn-wrapper
{
    display: flex;

    flex: 1;
    justify-content: space-between;
}
@media (max-width: 70.625em)
{
    .c-structured-stock-prices__head-btn-wrapper
    {
        width: 100%;
    }
}

.c-structured-stock-prices__head
{
    display: flex;
    flex-direction: column;

    padding: 3rem 0;
    padding-top: 0;
}
@media (min-width: 64em)
{
    .c-structured-stock-prices__head
    {
        flex-direction: row;

        padding: 6rem 0;
        padding-top: 0; 

        align-items: center;
        justify-content: space-between;
    }
}
@media (max-width: 70.625em)
{
    .c-structured-stock-prices__head
    {
        flex-direction: column;

        align-items: flex-start;
    }
}
.c-structured-stock-prices__head__title
{
    font-family: 'Barlow';
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 3rem !important;
    line-height: 1.25;

    min-width: 23%; 
    margin: 0;
}
@media (min-width: 64em)
{
    .c-structured-stock-prices__head__title
    {
        font-size: 3.6rem;
        line-height: 4.2rem !important;
    }
}
.c-structured-stock-prices__head__btn
{
    display: flex;
    flex-direction: row;

    align-items: center;
}
@media (max-width: 63.99em)
{
    .c-structured-stock-prices__head__btn
    {
        display: none;
    }
}
.c-structured-stock-prices__head__btn--icon
{
    font-size: 2rem; 

    display: block;

    padding-right: 1rem;
}
.c-structured-stock-prices__head__btn--hidden
{
    visibility: hidden;
}
.c-structured-stock-prices__head__controls
{
    padding-top: 4rem;
}
@media (min-width: 64em)
{
    .c-structured-stock-prices__head__controls
    {
        display: flex;
        flex-direction: row;

        padding-top: 0; 

        justify-content: space-between;
        align-items: center;
    }
}
.c-structured-stock-prices__head__controls__switch
{
    display: flex;
}
@media (min-width: 64em)
{
    .c-structured-stock-prices__head__controls__switch
    {
        padding-left: 3.4rem;
    }
}
@media (max-width: 63.99em)
{
    .c-structured-stock-prices__head__controls__switch
    {
        display: flex;

        margin: 2.5rem 0 1rem 0; 
        padding: 0;
    }
}
.c-structured-stock-prices__head__controls .amcharts-range-selector-range-wrapper,
.c-structured-stock-prices__head__controls .amcharts-range-selector-period-title
{
    display: none !important;
}
.c-structured-stock-prices__head__controls .amcharts-range-selector-wrapper
{
    padding: 0 !important;
}
.c-structured-stock-prices__head__controls .c-structured-stock-prices__head__controls__switch__btn
{
    border-radius: .4rem 0 0 .4rem;
}
.c-structured-stock-prices__head__controls .amcharts-range-selector-period-button,
.c-structured-stock-prices__head__controls .c-structured-stock-prices__head__controls__switch__btn
{
    font-size: 1.6rem;
    line-height: 2rem;

    margin: 0;
    padding: 1rem 2rem;

    letter-spacing: .06rem; 
    text-transform: lowercase;

    color: #3b3e4d;
    border: .05rem solid #e7eaf2;
    background-color: transparent;
}
@media (min-width: 64em)
{
    .c-structured-stock-prices__head__controls .amcharts-range-selector-period-button,
    .c-structured-stock-prices__head__controls .c-structured-stock-prices__head__controls__switch__btn
    {
        padding: 1.2rem 2.6rem;
    }
}
.c-structured-stock-prices__head__controls .amcharts-range-selector-period-button:hover,
.c-structured-stock-prices__head__controls .amcharts-range-selector-period-button--active,
.c-structured-stock-prices__head__controls .c-structured-stock-prices__head__controls__switch__btn:hover,
.c-structured-stock-prices__head__controls .c-structured-stock-prices__head__controls__switch__btn--active
{
    transition: all .3s ease-in-out; 

    color: #255b8e;
    border: .05rem solid #eff8ff;
    background-color: #eff8ff;
}
.c-structured-stock-prices__head__controls .amcharts-range-selector-period-button--active,
.c-structured-stock-prices__head__controls .c-structured-stock-prices__head__controls__switch__btn--active
{
    font-weight: 700;
}
.c-structured-stock-prices__head__controls .amcharts-range-selector-period-button
{
    border-radius: 0;
}
.c-structured-stock-prices__head__controls .amcharts-range-selector-period-button:last-child
{
    border-radius: 0 .4rem .4rem 0;
}
.c-structured-stock-prices__head__controls__checkboxes
{
    display: flex;
    flex-direction: row;
}
.c-structured-stock-prices__head__controls__checkboxes__item
{
    padding-right: 3rem;
}

.c-structured-stock-prices__items
{
    display: flex;
    flex-direction: row;

    justify-content: flex-start;
}

.c-structured-stock-prices__item
{
    font-size: 1.6rem;
    line-height: 2rem;

    position: relative;

    display: block;

    padding: 1rem 3rem;

    transition: color .3s ease-in-out; 
    letter-spacing: .06rem;

    color: #525668;
    border: 0;
    background-color: transparent;
}
.c-structured-stock-prices__item--hidden
{
    visibility: hidden;
}
@media (max-width: 63.99em)
{
    .c-structured-stock-prices__item
    {
        line-height: 1.8rem; 

        flex: 1;
    }
}
.c-structured-stock-prices__item::after
{
    position: absolute;
    bottom: 0;
    left: 0;

    display: block;

    width: 0;
    height: .1rem;

    content: '';
    transition: all .3s ease-in-out; 

    background-color: #255b8e;
}
.c-structured-stock-prices__item--active
{
    color: #255b8e;
}
.c-structured-stock-prices__item--active::after
{
    width: 100%;
}

.c-structured-stock-prices__tabs
{
    position: relative;
}
.c-structured-stock-prices__tabs::after
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    content: '';
    transition: opacity .1s ease-in-out;
    pointer-events: none; 

    opacity: 0;
    background-color: #fff;
}
.c-structured-stock-prices__tabs--transition-active::after
{
    transition: opacity .3s ease-in-out; 

    opacity: 1;
}
.c-structured-stock-prices__tabs__item
{
    display: none;
}
@media (max-width: 47.99em)
{
    .c-structured-stock-prices__tabs__item
    {
        margin-right: -2rem;
    }
}
.c-structured-stock-prices__tabs__item--active
{
    display: block;
}
.c-structured-stock-prices__tabs__item__range-text
{
    font-size: 1.6rem;
    line-height: 2rem; 

    margin-bottom: -4.2rem;
    padding: 4.5rem 0 2.5rem 0;

    letter-spacing: .6px;

    color: #525668;
}
.c-structured-stock-prices__tabs__item__range-text--hidden
{
    display: none;
}
@media (min-width: 64em)
{
    .c-structured-stock-prices__tabs__item__range-text
    {
        padding: 2.5rem 0;
    }
}

.c-structured-stock-prices__content__legend
{
    display: flex;
    flex-direction: column;

    padding-top: 4rem; 

    justify-content: center;
}
.c-structured-stock-prices__content__legend__head
{
    font-size: 1.6rem;
    line-height: 2rem;

    letter-spacing: .06rem; 

    color: #525668;
}
.c-structured-stock-prices__content__legend__head__info
{
    display: block;
}
.c-structured-stock-prices__content__legend p
{
    font-size: 1.3rem;
    line-height: 1.6rem;

    letter-spacing: .05rem; 

    color: #84899f;
}
.c-structured-stock-prices__content__legend p:first-child
{
    margin-top: 0;
}
@media (max-width: 63.99em)
{
    .c-structured-stock-prices__content__legend p:first-child
    {
        margin-top: 1.3rem;
    }
}
.c-structured-stock-prices__content__legend p a
{
    font-size: 1.3rem;

    letter-spacing: .05rem;
}
.c-structured-stock-prices__content__legend__btn
{
    margin: 0 auto;
}
@media (max-width: 47.99em)
{
    .c-structured-stock-prices__content__legend__btn
    {
        margin: 0;
    }
}

.c-structured-global-presence-bottom
{
    padding: 8rem;

    background-repeat: no-repeat; 
    background-position: center center;
    background-size: cover;
}
.c-structured-global-presence-bottom .c-subtitle
{
    margin-top: 0;

    text-align: center;
}
.c-structured-global-presence-bottom__title
{
    width: 100%;
    max-width: 61.9rem;
    margin: auto;
}
.c-structured-global-presence-bottom__title h2
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 2.8rem;
    line-height: 3.6rem;

    text-align: center;
}
@media (max-width: 48em)
{
    .c-structured-global-presence-bottom__title h2
    {
        margin-bottom: 4rem;
    }
}
.c-structured-global-presence-bottom__title strong
{
    font-weight: 400;

    color: #7fb8e7;
}
.c-structured-global-presence-bottom__title.big h2
{
    font-size: 3.6rem;
    line-height: 4.2rem;
}
.c-structured-global-presence-bottom__title.big h2 span
{
    font-size: 3.8rem; 

    color: #71a8da;
}
@media (max-width: 48em)
{
    .c-structured-global-presence-bottom__title.big h2
    {
        font-size: 2.4rem;
        line-height: 2.8rem;
    }
}
.c-structured-global-presence-bottom ul.c-structured-global-presence-main__items
{
    margin-left: 5rem; 

            columns: 4;
    -webkit-columns: 4;
       -moz-columns: 4;
    -moz-column-gap: 5rem;
         column-gap: 5rem;
}
.c-structured-global-presence-bottom ul.c-structured-global-presence-main__items li
{
    position: relative;
}
.c-structured-global-presence-bottom ul.c-structured-global-presence-main__items li:before
{
    position: absolute;
    left: -4rem; 

    content: '—';

    color: #71a8da;
}
.c-structured-global-presence-bottom ul.c-structured-global-presence-main__items li a
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 2rem;

    letter-spacing: .6px;

    color: #71a8da;
}
.c-structured-global-presence-bottom ul.c-structured-global-presence-main__items li span
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 2rem;

    letter-spacing: .6px;

    color: #fff;
}
@media (max-width: 64em)
{
    .c-structured-global-presence-bottom ul.c-structured-global-presence-main__items
    {
                columns: 2;
        -webkit-columns: 2;
           -moz-columns: 2;
    }
}
@media (max-width: 48em)
{
    .c-structured-global-presence-bottom ul.c-structured-global-presence-main__items
    {
                columns: 1;
        -webkit-columns: 1;
           -moz-columns: 1;
    }
}
.c-structured-global-presence-bottom__items
{
    display: flex;

    max-width: 1120px;
    margin: 0 auto;
}
.c-structured-global-presence-bottom__item
{
    display: flex;
    flex-direction: column;

    flex: 1 1 auto;
}
.c-structured-global-presence-bottom__item--text
{
    position: relative;
}
.c-structured-global-presence-bottom__item--text span,
.c-structured-global-presence-bottom__item--text a
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 2rem; 

    letter-spacing: .6px;

    color: #71a8da;
}
.c-structured-global-presence-bottom__item--text span:before,
.c-structured-global-presence-bottom__item--text a:before
{
    position: relative;

    margin-right: 4rem; 

    content: '—';

    color: #71a8da;
}
.c-structured-global-presence-bottom__item--text span
{
    color: #fff;
}
.c-structured-global-presence-bottom__item--text:not(:first-child)
{
    margin-top: 2rem;
}
.c-structured-global-presence-bottom--alternative-column-layout .c-structured-global-presence-bottom__items
{
    justify-content: center;
}
@media (max-width: 48em)
{
    .c-structured-global-presence-bottom--alternative-column-layout .c-structured-global-presence-bottom__items
    {
        display: flex;
    }
}
.c-structured-global-presence-bottom--alternative-column-layout .c-structured-global-presence-bottom__item
{
    flex: 0 1 auto;
}
.c-structured-global-presence-bottom--alternative-column-layout .c-structured-global-presence-bottom__item:not(:first-child)
{
    margin-top: 0;
}
.c-structured-global-presence-bottom--alternative-column-layout .c-structured-global-presence-bottom__item + .c-structured-global-presence-bottom__item
{
    margin-left: 9rem;
}
@media (max-width: 48em)
{
    .c-structured-global-presence-bottom--alternative-column-layout .c-structured-global-presence-bottom__item + .c-structured-global-presence-bottom__item
    {
        margin-left: 4rem;
    }
}

.dark-theme
{
    background-color: #02143a;
}
.dark-theme .c-structured-global-presence-bottom__title h2
{
    color: #fff;
}

@media (max-width: 87.5em)
{
    .c-structured-global-presence-bottom
    {
        padding: 4rem;
    }
}

@media (max-width: 48em)
{
    .c-structured-global-presence-bottom
    {
        padding: 4rem 2rem;
    }
    .c-structured-global-presence-bottom__title h2
    {
        font-size: 1.8rem;
        line-height: 2.4rem; 

        letter-spacing: 1px;
    }
    .c-structured-global-presence-bottom__items,
    .c-structured-global-presence-bottom__item
    {
        display: inherit;
    }
    .c-structured-global-presence-bottom__item:not(:first-child)
    {
        margin-top: 1.9rem;
    }
    .c-structured-global-presence-bottom__item--text span:before,
    .c-structured-global-presence-bottom__item--text a:before
    {
        margin-right: 2rem;
    }
}

.c-structured-definitions
{
    padding: 8rem 8rem 0 8rem;
}
.c-structured-definitions__title h2
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 2.8rem;
    line-height: 3.6rem;

    color: #141d29;
}
.c-structured-definitions__items
{
    margin-left: 4rem;
}
.c-structured-definitions__item
{
    padding-bottom: 4.4rem;
}
.c-structured-definitions__item--icon-container
{
    position: relative;

    display: inline-block;

    width: 1.4rem;
    height: 1.8rem;
    margin-left: .8rem; 

    vertical-align: middle;
}
.c-structured-definitions__item--icon-container--arrow
{
    font-size: .8rem !important; 

    position: absolute;
    bottom: 0rem;
    left: -.4rem;
}
.c-structured-definitions__item--icon-container--arrow::before
{
    color: #84899f;
}
.c-structured-definitions__item--icon-container--icon-square
{
    font-size: 1.6rem !important;

    position: absolute;
    bottom: 0;
    left: 0;

    transform: rotate(180deg);
}
.c-structured-definitions__item--icon-container--icon-square::before
{
    color: #84899f;
}
@media (max-width: 48em)
{
    .c-structured-definitions__item
    {
        padding-bottom: 4rem;
    }
}
.c-structured-definitions__item--title
{
    display: inline-block;

    width: 15%;
    margin-right: 2.5rem; 

    vertical-align: top;
}
.c-structured-definitions__item--title span
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.8rem;
    line-height: 2.6rem;

    color: #1b1d27;
}
.c-structured-definitions__item--content
{
    display: inline-block;

    width: 70%; 

    vertical-align: top;
}
.c-structured-definitions__item--content-text p
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 2rem;

    margin: 0;

    letter-spacing: .6px;

    color: #525668;
}
.c-structured-definitions__item--content-link
{
    margin-top: 1.5rem;
}
.c-structured-definitions__item--content-link:hover .c-structured-definitions__item--icon-container--arrow
{
    animation-name: hvr-icon-go-to;
    animation-duration: .7s;
    animation-timing-function: ease-in-out; 
    animation-iteration-count: 1;
}
.c-structured-definitions__item--content-link a:hover span
{
    color: #215380;
}
.c-structured-definitions__item--content-link a span
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 2rem;

    transition: all .75s; 
    letter-spacing: .6px;

    color: #255b8e;
}
.c-structured-definitions__item--content-link a img
{
    width: 1.8rem;
    height: 1.8rem;
    margin-top: -.05rem;
    margin-left: .3rem;
}
.c-structured-definitions__button
{
    margin-top: 3.6rem;
    margin-right: -8rem; 
    margin-left: -8rem;
}
@media (max-width: 48em)
{
    .c-structured-definitions__button
    {
        margin-top: 0;
    }
}

@media (max-width: 87.5em)
{
    .c-structured-definitions
    {
        padding: 4rem 4rem 0 4rem;
    }
    .c-structured-definitions__button
    {
        margin-right: -4rem; 
        margin-left: -4rem;
    }
}

@media (max-width: 48em)
{
    .c-structured-definitions
    {
        padding: 4rem 2rem 0 2rem;
    }
    .c-structured-definitions__title h2
    {
        margin-bottom: 2.5rem;
    }
    .c-structured-definitions__items
    {
        margin-left: 0;
    }
    .c-structured-definitions__item:not(:first-child)
    {
        margin-top: 4rem;
    }
    .c-structured-definitions__item--title,
    .c-structured-definitions__item--content
    {
        display: block;

        width: 100%;
        margin-right: 0;
    }
    .c-structured-definitions__item--title span
    {
        font-size: 1.6rem;
        line-height: 2.2rem;
    }
    .c-structured-definitions__item--content
    {
        margin-top: 1.5rem;
    }
    .c-structured-definitions__item--content p
    {
        font-size: 1.4rem;
        line-height: 1.8rem;

        letter-spacing: .53px;
    }
    .c-structured-definitions__item--content-link
    {
        margin-top: 1rem;
    }
    .c-structured-definitions__item--content-link a span
    {
        font-size: 1.4rem;
        line-height: 1.8rem;

        letter-spacing: .53px;
    }
    .c-structured-definitions__button
    {
        margin-right: -2rem; 
        margin-left: -2rem;
    }
}

.c-structured-image-display
{
    padding: 8rem;
}
.c-structured-image-display__title h2
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.5rem;

    margin-bottom: 4rem; 

    letter-spacing: 6px;
    text-transform: uppercase;

    color: #84899f;
}
.c-structured-image-display__items
{
    position: relative;

    display: flex; 

    margin-top: 4rem;
}
.c-structured-image-display__item
{
    position: relative;

    display: flex;
    flex-direction: column;

    cursor: pointer;
}
.c-structured-image-display__item:hover .c-structured-image-display__item--title span
{
    color: #255b8e;
}
.c-structured-image-display__item.number-2
{
    flex-basis: calc(50% - 1.25rem);
}
.c-structured-image-display__item.number-2:not(:last-child)
{
    margin-right: 2.5rem;
}
.c-structured-image-display__item.number-3
{
    flex-basis: calc(33% - 1.25rem);
}
.c-structured-image-display__item.number-3:not(:last-child)
{
    margin-right: 2.5rem;
}
.c-structured-image-display__item.number-4
{
    flex-basis: calc(25% - 1.25rem);
}
.c-structured-image-display__item.number-4:not(:last-child)
{
    margin-right: 2.5rem;
}
.c-structured-image-display__item--image
{
    position: relative;

    margin-bottom: 2rem;
}
.c-structured-image-display__item--image img
{
    width: 100%;
    height: auto;
}
.c-structured-image-display__item--title span
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 2.2rem;
    line-height: 3rem;

    transition: all .75s; 
    letter-spacing: .6px;

    color: #1b1d27;
}
.c-structured-image-display__item--hashtag
{
    line-height: 1.6rem; 

    height: 1.6rem;
}
.c-structured-image-display__item--hashtag span
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.3rem;
    line-height: 1.6rem;

    letter-spacing: .49px;

    color: #a1a5b9;
}

@media (max-width: 87.5em)
{
    .c-structured-image-display
    {
        padding: 4rem;
    }
}

@media (max-width: 48em)
{
    .c-structured-image-display
    {
        padding: 4rem 2rem;
    }
    .c-structured-image-display__title h2
    {
        font-size: 1.2rem;
        line-height: 2.5rem;

        margin: 0;

        text-align: center; 
        letter-spacing: 5px;
    }
    .c-structured-image-display__items
    {
        flex-direction: column; 

        margin-top: 2.5rem;
    }
    .c-structured-image-display__item
    {
        margin-bottom: 5rem;
    }
    .c-structured-image-display__item:last-child
    {
        margin-bottom: 0;
    }
    .c-structured-image-display__item.number-2,
    .c-structured-image-display__item.number-3,
    .c-structured-image-display__item.number-4
    {
        width: 100%;

        flex-basis: inherit;
    }
    .c-structured-image-display__item.number-2:not(:last-child),
    .c-structured-image-display__item.number-3:not(:last-child),
    .c-structured-image-display__item.number-4:not(:last-child)
    {
        margin-right: 0;
    }
    .c-structured-image-display__item--image
    {
        margin-bottom: 1.5rem;
    }
    .c-structured-image-display__item--title
    {
        text-align: center;
    }
    .c-structured-image-display__item--title span
    {
        font-size: 1.6rem;

        letter-spacing: .44px;
    }
    .c-structured-image-display__item--hashtag
    {
        text-align: center;
    }
}

.c-structured-photos-gallery
{
    padding: 8rem;
}
.c-structured-photos-gallery__image
{
    position: relative;

    display: block;

    width: calc(100% + 16rem);
    margin-top: 5rem; 
    margin-left: -8rem;
}
.c-structured-photos-gallery__image:hover .c-structured-photos-gallery__image--hover
{
    opacity: 1;
}
.c-structured-photos-gallery__image:hover .c-structured-photos-gallery__image--number
{
    opacity: 1;
}
.c-structured-photos-gallery__image--background
{
    width: 100%;
    height: calc(100vh - 185px);
}
.c-structured-photos-gallery__image--background .background-content
{
    width: 100%;
    height: 100%;

    background-size: cover;
}
.c-structured-photos-gallery__image--hover
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: calc(100vh - 185px);

    cursor: pointer; 
    transition: all .75s;

    opacity: 0;
    background-color: rgba(17, 39, 83, .6);
}
.c-structured-photos-gallery__image--hover span
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 2.2rem;
    line-height: 3rem;

    display: flex;

    height: 100%;

    text-align: center;
    letter-spacing: .6px;

    color: #fff; 
    text-shadow: 0 0 20px 0 rgba(0, 0, 0, .3), 0 0 4px 0 rgba(0, 0, 0, .7);

    align-items: center;
    justify-content: center;
}
.c-structured-photos-gallery__image--number
{
    position: absolute;
    z-index: 50;
    right: 0;
    bottom: 0;

    width: 77px;
    height: 48px;
    padding: 1rem;

    transition: all .75s;

    opacity: 0;
    color: #fff; 
    background-color: #1b1d27;
}
.c-structured-photos-gallery__image--number img
{
    width: 23px;
    height: auto;
    margin-right: 8px;
}
.c-structured-photos-gallery__image--number span
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 1.9rem;

    display: flex;

    letter-spacing: .6px;

    color: #fff; 

    align-items: center;
    justify-content: center;
}
.c-structured-photos-gallery__image--number span img
{
    width: 23px;
    height: auto;
    margin-right: 8px;
}
.c-structured-photos-gallery__title
{
    margin-top: 8rem;
}
.c-structured-photos-gallery__title h1,
.c-structured-photos-gallery__title h2
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 3.6rem;
    line-height: 4.2rem;

    margin: 12rem 0 0 0; 

    color: #fff;
}
.c-structured-photos-gallery__title .no-margin
{
    margin: 0 !important;
}
.c-structured-photos-gallery__items
{
    display: flex;
    flex-direction: row; 

    margin-top: 8rem;
}
.c-structured-photos-gallery__item
{
    position: relative;

    float: left;

    width: calc(33.33% - 1.5rem);
    margin-bottom: 1.5rem;
}
.c-structured-photos-gallery__item:hover .c-structured-photos-gallery__item--hover
{
    opacity: 1;
}
.c-structured-photos-gallery__item:hover .c-structured-photos-gallery__item--number
{
    opacity: 1;
}
.c-structured-photos-gallery__item--image
{
    position: relative;
}
.c-structured-photos-gallery__item--image img
{
    width: 100%;
    height: auto;
}
.c-structured-photos-gallery__item--hover
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    cursor: pointer; 
    transition: all .75s;

    opacity: 0;
    background-color: rgba(17, 39, 83, .6);
}
.c-structured-photos-gallery__item--hover span
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 2.2rem;
    line-height: 3rem;

    display: flex;

    height: 100%;

    text-align: center;
    letter-spacing: .6px;

    color: #fff; 
    text-shadow: 0 0 20px 0 rgba(0, 0, 0, .3), 0 0 4px 0 rgba(0, 0, 0, .7);

    align-items: center;
    justify-content: center;
}
.c-structured-photos-gallery__item--number
{
    position: absolute;
    z-index: 50;
    right: 0;
    bottom: 0;

    width: 77px;
    height: 48px;
    padding: 1.5rem;

    transition: all .75s; 

    opacity: 0;
    background-color: #1b1d27;
}
.c-structured-photos-gallery__item--number span
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 1.9rem;

    display: flex;

    letter-spacing: .6px;

    color: #fff; 

    align-items: center;
    justify-content: center;
}
.c-structured-photos-gallery__item--number span img
{
    width: 23px;
    height: auto;
    margin-right: 8px;
}
.c-structured-photos-gallery .grid-size
{
    width: 33.33%;
}

@media (max-width: 87.49em)
{
    .c-structured-photos-gallery
    {
        padding: 4rem;
    }
    .c-structured-photos-gallery__image
    {
        width: calc(100% + 8rem);
        margin-left: -4rem;
    }
}

@media (max-width: 63.99em)
{
    .c-structured-photos-gallery__image
    {
        margin-top: 3.7rem;
    }
}

@media (max-width: 47.99em)
{
    .c-structured-photos-gallery
    {
        padding: 5.6rem 2rem 4rem 2rem;
    }
    .c-structured-photos-gallery__title
    {
        margin-top: 4rem;
    }
    .c-structured-photos-gallery__title h2
    {
        font-size: 2.4rem;
        line-height: 2.8rem;
    }
    .c-structured-photos-gallery__items
    {
        margin-top: 2.5rem;
    }
    .c-structured-photos-gallery__item
    {
        float: left;

        width: 100%;
        margin-bottom: 2.5rem;
    }
    .c-structured-photos-gallery__item--hover
    {
        position: relative;

        display: block;

        margin-top: 1.5rem;
        padding-bottom: 3.1rem;

        opacity: 1;
        border-bottom: 1px solid #525668; 
        background-color: inherit;
    }
    .c-structured-photos-gallery__item--hover span
    {
        font-size: 1.6rem;
        line-height: 2.2rem;

        text-align: left; 

        color: #fff;

        justify-content: left;
    }
    .c-structured-photos-gallery__item img
    {
        width: 100%;
        height: auto;
    }
    .c-structured-photos-gallery .grid-size
    {
        width: 100%;
    }
}

@media (max-width: 47.99em)
{
    .c-slideshow-highlight .c-structured-photos-gallery__image
    {
        width: 100%;
        margin: 4rem 0 0;
    }
    .c-slideshow-highlight .c-structured-photos-gallery__image .c-image-full-width
    {
        padding-bottom: 0;
    }
    .c-slideshow-highlight .c-structured-photos-gallery__image .c-structured-photos-gallery__image--number
    {
        display: none;
    }
    .c-slideshow-highlight .c-structured-photos-gallery__image--hover
    {
        position: relative;
        top: 0;

        height: auto; 
        margin-top: 1.5rem;
        padding-bottom: 3.1rem;

        opacity: 1;
        border-bottom: 1px solid #525668;
        background-color: inherit;
    }
    .c-slideshow-highlight .c-structured-photos-gallery__image--hover span
    {
        font-size: 1.6rem;
        line-height: 2.2rem;

        text-align: left;

        color: #fff;

        justify-content: flex-start;
    }
}

.c-structured-photos-gallery-slider
{
    padding: 8rem 4rem;
}
.c-structured-photos-gallery-slider__wrapper
{
    margin-top: 7.7rem;
}
.c-structured-photos-gallery-slider__item
{
    margin-top: 5rem;
}
.c-structured-photos-gallery-slider__item--image img
{
    width: auto; 
    height: 56.3rem;
}
@media (max-width: 63.99em)
{
    .c-structured-photos-gallery-slider__item--image img
    {
        height: auto;
    }
}
.c-structured-photos-gallery-slider__item--link
{
    display: block;
}
.c-structured-photos-gallery-slider__item--title
{
    margin-top: 2rem;

    text-align: left;
}
.c-structured-photos-gallery-slider__item--title:hover h2
{
    color: #255b8e;
}
.c-structured-photos-gallery-slider__item--title h2
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.8rem;
    line-height: 2.6rem;

    margin: 0; 

    transition: all 300ms ease-in-out;

    color: #fff;
}
.c-structured-photos-gallery-slider__item--credits
{
    text-align: left;
}
.c-structured-photos-gallery-slider__item--credits span
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.3rem;
    line-height: 1.6rem;

    letter-spacing: .49px;

    color: #a1a5b9;
}
.c-structured-photos-gallery-slider__item--buttons
{
    display: flex;

    margin-top: 4rem;

    align-items: center;
}
.c-structured-photos-gallery-slider__item--buttons-wrap:last-child
{
    margin-left: 4rem;
}
.c-structured-photos-gallery-slider__item--buttons a
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.3rem;
    font-weight: 600;

    display: block; 

    letter-spacing: 2.8px;
    text-transform: uppercase;

    color: #fff;
}
.c-structured-photos-gallery-slider__item--buttons a i
{
    color: #255b8e;
}
.c-structured-photos-gallery-slider__item--buttons a .c-btn--download-hover__icon-container
{
    height: .6rem;
}
.c-structured-photos-gallery-slider__item--buttons a:last-child
{
    margin-left: 4rem;

    vertical-align: bottom;
}
.c-structured-photos-gallery-slider__item--next
{
    width: 845px;
    margin-left: -6rem; 
    padding: 2.8rem 14.7rem 10.2rem;
}
.c-structured-photos-gallery-slider__item--next-title span
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 2rem;

    letter-spacing: .6px;

    color: #a1a5b9;
}
.c-structured-photos-gallery-slider__item--next-title span span
{
    font-size: 2.2rem;
    line-height: 3rem;

    color: #fff;
}
.c-structured-photos-gallery-slider__item--next-image
{
    position: relative;

    display: flex;

    width: 100%;
    height: 100%;
    margin-top: 2.5rem;
}
.c-structured-photos-gallery-slider__item--next-image > img
{
    max-width: 541px;
}
.c-structured-photos-gallery-slider__item--next-image > span
{
    width: 100%;
    max-width: 541px;
    height: 349px;

    background-repeat: no-repeat; 
    background-size: cover;
}
@media (max-width: 63.99em)
{
    .c-structured-photos-gallery-slider__item--next-image > span
    {
        max-width: 100%;
    }
}
.c-structured-photos-gallery-slider__item--next-image-number
{
    position: absolute;
    z-index: 50;
    right: 1rem;
    bottom: 0;

    width: 77px;
    height: 48px;
    padding: 1.5rem;

    transition: all .75s;

    opacity: .8; 
    background-color: #1b1d27;
}
.c-structured-photos-gallery-slider__item--next-image-number span
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 1.9rem;

    display: flex;

    letter-spacing: .6px;

    color: #fff; 

    align-items: center;
    justify-content: center;
}
.c-structured-photos-gallery-slider__item--next-image-number span img
{
    width: 23px;
    height: auto;
    margin-right: 8px;
}
.c-structured-photos-gallery-slider__item--next-image-hover
{
    position: absolute;
    top: 0;
    left: 0;

    display: flex;

    width: calc(100% - 1rem);
    height: 100%;

    cursor: pointer; 
    transition: all .75s;

    opacity: 1;
    background-color: rgba(27, 29, 39, .6);
}
.c-structured-photos-gallery-slider__item--next-image-hover:hover img
{
    transform: rotate(180deg);
}
.c-structured-photos-gallery-slider__item--next-image-hover img
{
    width: 38px;
    height: 36px;
    margin: auto;

    transition: all 300ms ease-in-out;
}
.c-structured-photos-gallery-slider .c-slider__head
{
    justify-content: space-between !important;
}
.c-structured-photos-gallery-slider .c-slider__supTitle
{
    display: flex;

    height: 100%; 

    align-items: center;
}
.c-structured-photos-gallery-slider .c-slider__supTitle h1
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 2.8rem;
    font-weight: 400;
    line-height: 3.6rem;

    margin-right: 1.5rem; 

    letter-spacing: 0;

    color: #fff;
}
.c-structured-photos-gallery-slider .c-slider__supTitle > span
{
    margin-right: 4rem;
}
.c-structured-photos-gallery-slider .c-slider__supTitle span
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.8rem;
    line-height: 3.6rem;

    display: flex;

    vertical-align: top; 
    letter-spacing: .68px;

    color: #fff;

    align-items: center;
}
.c-structured-photos-gallery-slider .c-slider__supTitle span img
{
    width: 2.3rem;
    height: 1.8rem; 
    margin-right: 1.05rem;
}
.c-structured-photos-gallery-slider .c-slider__slide-item
{
    padding: 0 4rem 0 2rem;
}
.c-structured-photos-gallery-slider .c-slider__slide-item .c-btn--get-hover__container
{
    line-height: 1.4rem; 

    vertical-align: bottom;
}

@media (max-width: 87.49em)
{
    .c-structured-photos-gallery-slider
    {
        padding: 4rem;
    }
}

@media (max-width: 63.99em)
{
    .c-structured-photos-gallery-slider
    {
        padding: 4rem 2rem;
    }
    .c-structured-photos-gallery-slider__item
    {
        display: flex;
        flex-direction: column;

        width: 100vw !important;
        margin-top: 2rem; 
        padding-bottom: 3rem;
    }
    .c-structured-photos-gallery-slider__item--link
    {
        width: 100% !important;
    }
    .c-structured-photos-gallery-slider__item--title
    {
        margin-top: 1.5rem;
    }
    .c-structured-photos-gallery-slider__item--title h2
    {
        font-size: 1.6rem;
        line-height: 2.2rem;
    }
    .c-structured-photos-gallery-slider__item--image img
    {
        width: 100%;
    }
    .c-structured-photos-gallery-slider__item--credits span
    {
        font-size: 1.4rem;
        line-height: 1.8rem;
    }
    .c-structured-photos-gallery-slider__item--buttons
    {
        margin-top: 2.5rem;
    }
    .c-structured-photos-gallery-slider__item--next
    {
        width: inherit;
        margin-right: -4rem; 
        margin-left: -4rem;
        padding: 6rem 4rem;
    }
    .c-structured-photos-gallery-slider__item--next-title span
    {
        font-size: 1.4rem;
        line-height: 1.8rem; 

        letter-spacing: .53px;
    }
    .c-structured-photos-gallery-slider__item--next-title span span
    {
        font-size: 1.6rem;
        line-height: 2.2rem;
    }
    .c-structured-photos-gallery-slider__item--next-image
    {
        height: inherit; 
        margin-top: 2rem;
    }
    .c-structured-photos-gallery-slider__item--next-image > img
    {
        width: 100%;
        max-width: inherit;
    }
    .c-structured-photos-gallery-slider__item--next-image-hover
    {
        width: 100%;
    }
    .c-structured-photos-gallery-slider__item--next-image-number
    {
        right: 0rem;

        width: 6rem;
        height: 3.4rem;
        padding: 1rem;
    }
    .c-structured-photos-gallery-slider__item--next-image-number span
    {
        font-size: 1.4rem;
        line-height: .9rem; 

        letter-spacing: .53px;
    }
    .c-structured-photos-gallery-slider__item--next-image-number span img
    {
        width: 1.8rem;
        height: auto;
    }
    .c-structured-photos-gallery-slider .last .c-structured-photos-gallery-slider__item
    {
        margin-top: 3rem; 
        padding-bottom: 0;

        border-bottom: none;
    }
    .c-structured-photos-gallery-slider .c-slider
    {
        margin: 0; 
        padding: 0;
    }
    .c-structured-photos-gallery-slider .c-slider__head
    {
        margin-right: 0;
    }
    .c-structured-photos-gallery-slider .c-slider__supTitle
    {
        display: flex;

        align-items: center;
    }
    .c-structured-photos-gallery-slider .c-slider__supTitle h1
    {
        font-size: 1.8rem;
        line-height: 1.8rem;

        margin-right: 2.5rem; 

        letter-spacing: 1px;
    }
    .c-structured-photos-gallery-slider .c-slider__supTitle span
    {
        font-size: 1.4rem;
        line-height: 1.8rem;

        display: flex;

        margin: 0; 

        letter-spacing: .53px;

        align-items: center;
    }
    .c-structured-photos-gallery-slider .c-slider__supTitle span img
    {
        width: 1.6rem;
        height: 1.3rem;
    }
    .c-structured-photos-gallery-slider .c-slider__slider-object-container
    {
        margin-top: 4.5rem;
    }
    .c-structured-photos-gallery-slider .c-slider__slide-item
    {
        display: flex !important;

        width: 100vw;
        padding: 0 4rem;
    }
    .c-structured-photos-gallery-slider .c-slider .tns-ovh
    {
        overflow: inherit !important;
    }
    .c-structured-photos-gallery-slider div.c-slider__slide-item .c-structured-photos-gallery-slider__item
    {
        border-bottom: 1px solid #525668;
    }
    .c-structured-photos-gallery-slider div.c-slider__slide-item:last-of-type .c-structured-photos-gallery-slider__item
    {
        border-bottom: 0;
    }
}

@media (max-width: 47.99em)
{
    .c-structured-photos-gallery-slider__wrapper
    {
        margin-top: 5.6rem;
    }
    .c-structured-photos-gallery-slider__item--next
    {
        margin-top: -2rem;
        margin-bottom: -3rem; 
        margin-left: -2rem;
        padding: 6rem 2rem;
    }
    .c-structured-photos-gallery-slider__item--next-image span
    {
        max-width: 100%;
    }
    .c-structured-photos-gallery-slider .c-slider__slide-item
    {
        padding: 0 2rem;
    }
}

@media (max-width: 30em)
{
    .c-structured-photos-gallery-slider__item--buttons a
    {
        width: 50%;
    }
    .c-structured-photos-gallery-slider__item--buttons a:last-child
    {
        margin-left: 0;
    }
}

@media (max-width: 28.9375em)
{
    .c-structured-photos-gallery-slider__item--buttons a .c-btn--get-hover__container
    {
        top: 1rem;
    }
}

@media (max-width: 21.875em)
{
    .c-structured-photos-gallery-slider__item--buttons a .c-btn--download-hover__icon-container
    {
        margin-right: 0;
    }
    .c-structured-photos-gallery-slider__item--buttons a .c-btn--download-hover__button-size
    {
        margin-left: 2.6rem;
    }
    .c-structured-photos-gallery-slider__item--buttons a .c-btn--get-hover__button-name
    {
        margin-left: 2.6rem;
    }
}

.c-structured-table-content
{
    padding: 4rem 0rem; 

    background-color: #1b1d27;
}
@media (min-width: 48em)
{
    .c-structured-table-content
    {
        padding: 4rem 2rem;
    }
}
@media (min-width: 64em)
{
    .c-structured-table-content
    {
        padding: 4rem;
    }
}
@media (min-width: 87.5em)
{
    .c-structured-table-content
    {
        padding: 8rem;
    }
}
.c-structured-table-content__content__title
{
    font-size: 1.2rem;
    line-height: 2.5rem;

    display: block;

    letter-spacing: .4rem;
    text-transform: uppercase; 

    color: #a4acbc;
}
@media (min-width: 64em)
{
    .c-structured-table-content__content__title
    {
        font-size: 1.4rem;
        line-height: 2.5rem; 

        letter-spacing: .6rem;
    }
}
.c-structured-table-content__content__sections
{
    display: flex;
    flex-direction: column;

    padding-top: 1rem;
}
@media (min-width: 64em)
{
    .c-structured-table-content__content__sections
    {
        padding-top: 4rem;
    }
}
.c-structured-table-content__content__sections__item
{
    display: flex;
    flex-direction: column;

    padding: 1rem 0;
}
@media (min-width: 64em)
{
    .c-structured-table-content__content__sections__item
    {
        flex-direction: row;

        padding: 1.2rem 0;
    }
}
.c-structured-table-content__content__sections__item__index
{
    font-size: 1.4rem;
    line-height: 1.8rem;

    display: block;

    letter-spacing: .05rem; 

    color: #a4acbc;
}
@media (min-width: 64em)
{
    .c-structured-table-content__content__sections__item__index
    {
        font-size: 1.6rem;
        line-height: 2rem;

        margin-right: 2.5rem;
        padding-top: .5rem;

        transition: color .2s ease-in-out; 
        letter-spacing: .06rem;
    }
}
.c-structured-table-content__content__sections__item__label
{
    font-size: 1.6rem;
    line-height: 2.1rem; 

    display: block;

    letter-spacing: .044rem;

    color: #e7eaf2;
}
@media (min-width: 64em)
{
    .c-structured-table-content__content__sections__item__label
    {
        font-size: 2.2rem;
        line-height: 3rem;

        transition: color .2s ease-in-out; 
        letter-spacing: .06rem;

        flex: 80%;
    }
}
.c-structured-table-content__content__sections__item:hover .c-structured-table-content__content__sections__item__index,
.c-structured-table-content__content__sections__item:hover .c-structured-table-content__content__sections__item__label
{
    color: #7fb8e7;
}

.c-structured-news-results-list
{
    padding: 8rem;
}
@media (min-width: 64em)
{
    .c-structured-news-results-list.c-pr-list
    {
        padding: 0;
    }
}
.c-structured-news-results-list__header
{
    margin-bottom: 2.5rem;
}
.c-structured-news-results-list__header span
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.8rem;
    line-height: 2.6rem;

    color: #141d29;
}
.c-structured-news-results-list__header span span
{
    color: #255b8e;
}
.c-structured-news-results-list__items
{
    display: flex;
    flex-direction: column;
}
.c-structured-news-results-list__item
{
    display: flex;
    flex-direction: row;

    padding: 3rem 0;

    cursor: pointer; 

    border-bottom: 1px solid #d1d6e6;

    align-items: center;
}
.c-structured-news-results-list__item:hover .c-structured-news-results-list__item--content-text--link
{
    color: #255b8e;
}
.c-structured-news-results-list__item--date .date
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 2.5rem;

    letter-spacing: 1.83px;

    color: #525668;
}
.c-structured-news-results-list__item--date .tag
{
    display: none;
}
.c-structured-news-results-list__item--content
{
    width: 100%; 
    margin-right: 12rem;
}
.c-structured-news-results-list__item--content-text
{
    margin-top: .5rem;
}
.c-structured-news-results-list__item--content-text--link
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.8rem;
    line-height: 2.8rem;

    margin: 0;

    color: #141d29;
}
.c-structured-news-results-list__item--infos
{
    display: flex;
    flex-direction: row;

    padding: 2rem 0 0rem 0; 

    justify-content: flex-start;
}
@media (max-width: 63.99em)
{
    .c-structured-news-results-list__item--infos
    {
        order: 2;
    }
    .c-structured-news-results-list__item--infos > *
    {
        padding-right: 1.5rem;
    }
}
@media (min-width: 64em)
{
    .c-structured-news-results-list__item--infos
    {
        flex-direction: column;

        width: 100%;
        min-width: 13rem;
        max-width: 25rem;
        margin-left: auto;
        padding: 2rem 0 1rem 3rem; 

        justify-content: space-between;
        align-items: stretch;
    }
}
@media (min-width: 87.5em)
{
    .c-structured-news-results-list__item--infos
    {
        margin-left: auto;
        padding-left: 6rem;
    }
}
.c-structured-news-results-list__item--infos__topic
{
    font-size: 1rem;
    line-height: 1.5rem; 

    letter-spacing: .1rem;
    text-transform: uppercase;

    color: #255b8e;
}
@media (min-width: 64em)
{
    .c-structured-news-results-list__item--infos__topic
    {
        font-size: 1.2rem;
        line-height: 2.5rem; 

        letter-spacing: .2rem;
    }
}
.c-structured-news-results-list__item--infos__date
{
    font-size: 1rem;
    line-height: 1.5rem; 

    letter-spacing: .1rem;
    text-transform: uppercase;

    color: #525668;
}
@media (min-width: 64em)
{
    .c-structured-news-results-list__item--infos__date
    {
        font-size: 1.2rem;
        line-height: 2.5rem; 

        letter-spacing: .2rem;
    }
}
.c-structured-news-results-list__item--button-wrapper
{
    margin-right: 1rem;
}
.c-structured-news-results-list__item--button-wrapper .c-download-dropdown__btn [class^='icon-'],
.c-structured-news-results-list__item--button-wrapper .c-download-dropdown__btn [class*=' icon-']
{
    display: none;
}
.c-structured-news-results-list__item--button-wrapper .c-download-dropdown__container
{
    right: -1.2rem;
    left: inherit;
}
.c-structured-news-results-list__item--button-wrapper .c-download-dropdown__kit
{
    width: 40rem;
}
.c-structured-news-results-list__alert
{
    position: relative;

    display: flex;

    height: 146px;

    cursor: pointer; 

    background-color: rgba(110, 182, 179, .05);

    align-items: center;
}
@media (max-width: 63.99em)
{
    .c-structured-news-results-list__alert
    {
        height: auto; 
        margin: 0 -2rem;
        padding: 2.8rem 2rem 2.8rem 8rem;
    }
}
.c-structured-news-results-list__alert--icon
{
    display: flex;

    background-color: #315e5d; 

    align-items: center;
    justify-content: center;
}
@media (max-width: 63.99em)
{
    .c-structured-news-results-list__alert--icon
    {
        position: absolute;
        top: 50%;
        left: 0;

        display: flex;

        width: 6.3rem;
        height: 7.2rem;

        transition: transform .3s ease-in-out; 
        transform: translateY(-50%);

        align-items: center;
        justify-content: center;
    }
}
@media (min-width: 64em)
{
    .c-structured-news-results-list__alert--icon
    {
        width: 76px;
        height: 86px;
        margin-left: -.9rem;
    }
}
.c-structured-news-results-list__alert--icon img
{
    width: 24px;
    height: 24px;
}
.c-structured-news-results-list__alert--content
{
    display: flex;
    flex-direction: column;
}
@media (min-width: 64em)
{
    .c-structured-news-results-list__alert--content
    {
        margin-left: 4rem;
    }
}
.c-structured-news-results-list__alert--content-title a
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.8rem;
    line-height: 2.4rem;

    display: block;

    text-align: left; 
    letter-spacing: .1rem;

    color: #315e5d;
}
@media (min-width: 64em)
{
    .c-structured-news-results-list__alert--content-title a
    {
        font-size: 2.8rem;
        line-height: 3.6rem;
    }
}
.c-structured-news-results-list__alert--content-text
{
    margin-top: .5rem;
}
@media (min-width: 64em)
{
    .c-structured-news-results-list__alert--content-text
    {
        margin-top: 1rem;
    }
}
.c-structured-news-results-list__alert--content-text p
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.4rem;
    line-height: 1.8rem;

    margin: 0;

    text-align: left; 

    color: #1b1d27;
}
@media (min-width: 64em)
{
    .c-structured-news-results-list__alert--content-text p
    {
        font-size: 1.6rem;
        line-height: 2rem; 

        letter-spacing: .06rem;
    }
}
.c-structured-news-results-list__pagination
{
    display: flex;

    margin-top: 6rem; 

    align-items: center;
    justify-content: center;
}
.c-structured-news-results-list__pagination .c-btn
{
    margin-left: 1rem; 
    padding: 0;
}

@media (max-width: 87.5em)
{
    .c-structured-news-results-list
    {
        padding: 4rem;
    }
}

@media (max-width: 64em)
{
    .c-structured-news-results-list__item--content
    {
        margin-right: 2rem;
        margin-left: 2rem;

        order: 3;
    }
    .c-structured-news-results-list__item--infos
    {
        order: 2;
    }
    .c-structured-news-results-list__item--button-wrapper .c-download-dropdown__container
    {
        width: inherit;
    }
    .c-structured-news-results-list__pagination .pagination
    {
        width: inherit;
        padding: 0;
    }
    .c-structured-news-results-list__pagination > .c-btn
    {
        margin-left: 0;
    }
}

@media (max-width: 63.99em)
{
    .c-structured-news-results-list
    {
        padding: 2.5rem 2rem 4rem 2rem;
    }
    .c-structured-news-results-list.c-pr-list
    {
        padding-top: 0;
    }
    .c-structured-news-results-list__header
    {
        margin-bottom: 0;
    }
    .c-structured-news-results-list__header span
    {
        font-size: 1.4rem;
        line-height: 1.8rem; 

        letter-spacing: .53px;
    }
    .c-structured-news-results-list__pagination
    {
        flex-direction: column;
    }
    .c-structured-news-results-list__pagination > .c-btn
    {
        margin-top: 1.5rem;
    }
    .c-structured-news-results-list__item
    {
        flex-direction: column;

        padding: 2.5rem 0; 

        align-items: inherit;
    }
    .c-structured-news-results-list__item--date .date
    {
        font-size: 1.1rem;
    }
    .c-structured-news-results-list__item--date .tag
    {
        font-family: 'Barlow', Arial, sans-serif;
        font-size: 1.1rem;
        font-weight: 500;
        line-height: 2.5rem;

        display: inline-block;

        margin-left: 2.1rem;

        letter-spacing: 2px;
        text-transform: uppercase; 

        color: #255b8e;
    }
    .c-structured-news-results-list__item--content
    {
        margin-right: 0rem; 
        margin-left: 0rem;
    }
    .c-structured-news-results-list__item--content-text--link
    {
        font-size: 1.6rem;
        line-height: 2.2rem;
    }
    .c-structured-news-results-list__item--button-wrapper
    {
        margin-top: 2rem;
    }
    .c-structured-news-results-list__item--button-wrapper .c-download-dropdown__btn span
    {
        margin-left: 0;
    }
    .c-structured-news-results-list__item--button-wrapper .c-download-dropdown__container
    {
        right: inherit; 
        left: 0;
    }
}

@media (max-width: 30em)
{
    .c-structured-news-results-list__item--button-wrapper .c-download-dropdown__container
    {
        left: -2rem;

        width: calc(100% + 5rem);
        max-width: inherit;
    }
    .c-structured-news-results-list__item--button-wrapper .c-download-dropdown__kit
    {
        width: 100%;
    }
}

.sticky-container
{
    position: relative;
}

.c-structured-interview-section
{
    display: flex;

    padding-top: 13.1rem;
}
.c-structured-interview-section__image
{
    min-width: 400px;
}
.c-structured-interview-section__image img
{
    position: fixed;
    z-index: 100; 

    width: 400px;
}
@media (min-width: 64em)
{
    .c-structured-interview-section .sticky-image
    {
        position: absolute;
        bottom: 0;
    }
}

.c-structured-interview-section-container
{
    padding: 11.7rem 8rem 11.7rem 12rem;
}
.c-structured-interview-section-container__title h2
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 3.6rem;
    line-height: 4.2rem;

    margin: 0; 

    letter-spacing: 0;

    color: #141d29;
}
.c-structured-interview-section-container__subtitle
{
    margin-top: 2rem;
}
.c-structured-interview-section-container__subtitle--date,
.c-structured-interview-section-container__subtitle--tag
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 2.5rem;

    letter-spacing: 2px;
    text-transform: uppercase; 

    color: #84899f;
}
.c-structured-interview-section-container__subtitle--date
{
    margin-left: 2.5rem;

    color: #525668;
}
.c-structured-interview-section-container__text
{
    margin-top: 4rem;
}
.c-structured-interview-section-container__text p
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 2rem;
    font-weight: 500;
    line-height: 3.2rem;

    margin: 0;

    letter-spacing: 0;

    color: #1b1d27;
}

@media (max-width: 87.49em)
{
    .c-structured-interview-section-container
    {
        padding: 11.7rem 4rem 11.7rem 8rem;
    }
}

@media (max-width: 63.99em)
{
    .c-structured-interview-section-container
    {
        padding: 6rem 4rem;
    }
    .c-structured-interview-section
    {
        padding-top: 7.7rem;
    }
    .c-structured-interview-section__image img
    {
        position: relative;
    }
}

@media (max-width: 47.99em)
{
    .c-structured-interview-section
    {
        flex-direction: column; 

        padding-top: 5.6rem;
    }
    .c-structured-interview-section__image
    {
        position: relative;

        display: flex;
        overflow: hidden;

        width: 100%;
        min-width: 100%;
        height: 60vh; 

        justify-content: center;
    }
    .c-structured-interview-section__image img
    {
        position: absolute;
        top: 16%;

        width: 100%;

        transform: translateY(-16%);
    }
    .c-structured-interview-section-container
    {
        padding: 6rem 2rem;
        padding-top: 0;
    }
    .c-structured-interview-section-container__title
    {
        margin-top: 4rem;
    }
    .c-structured-interview-section-container__title h2
    {
        font-size: 2.4rem;
        line-height: 3rem;
    }
    .c-structured-interview-section-container__subtitle--date,
    .c-structured-interview-section-container__subtitle--tag
    {
        font-size: 1.1rem;
        line-height: 2.5rem; 

        letter-spacing: 1.83px;
    }
    .c-structured-interview-section-container__text p
    {
        font-size: 1.8rem;
        line-height: 2.8rem;
    }
}

@media (max-width: 29.99em)
{
    .c-structured-interview-section__image
    {
        height: 50vh;
    }
}

@media (min-width: 48em)
{
    .c-structured-interview-question
    {
        display: flex;
    }
}

.c-structured-interview-question__empty
{
    position: relative;

    min-width: 400px;
}

.c-structured-interview-question-container
{
    padding: 8rem 8rem 8rem 12rem;
}
.c-structured-interview-question-container.no-padding-top
{
    padding-top: 0;
}
.c-structured-interview-question-container__text h2
{
    font-size: 2.2rem;

    display: block;
    float: left;

    width: 43.4rem;
    margin: 0;
    margin-bottom: 2.5rem; 

    letter-spacing: .6px;

    color: #7596d4;
}
.c-structured-interview-question-container__text p
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.8rem;
    line-height: 2.6rem;

    display: inline;

    margin: 0;

    color: #1b1d27;
}
.c-structured-interview-question-container .c-structured-footnotes
{
    max-width: inherit; 
    margin-top: 6rem;
    padding: 0;
}

@media (max-width: 87.5em)
{
    .c-structured-interview-question-container
    {
        padding: 4rem 4rem 4rem 8rem;
    }
}

@media (max-width: 64em)
{
    .c-structured-interview-question-container
    {
        padding: 4rem;
    }
    .c-structured-interview-question-container__text h2
    {
        display: block;
        float: inherit;

        margin-bottom: 0;
    }
    .c-structured-interview-question-container__text p
    {
        display: block;

        margin-top: 1.5rem;
        margin-left: 0;
    }
}

@media (max-width: 48em)
{
    .c-structured-interview-question-container
    {
        padding: 4rem 2rem;
    }
    .c-structured-interview-question-container__text h2
    {
        font-size: 1.6rem;
        line-height: 2.1rem;

        height: inherit; 

        letter-spacing: .44px;
    }
    .c-structured-interview-question-container__text p
    {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }
    .c-structured-interview-question__empty
    {
        min-width: 0;
    }
}

.c-structured-interview-exergue
{
    display: flex;

    margin-right: 8rem;
    padding: 8rem 12rem;

    background-color: #eff8ff;
}
.c-structured-interview-exergue__empty
{
    position: relative;

    min-width: 400px;
}
.c-structured-interview-exergue .c-exergue
{
    padding: 0;
}

@media (max-width: 87.5em)
{
    .c-structured-interview-exergue
    {
        margin-right: 4rem; 
        padding: 4rem 8rem;
    }
}

@media (max-width: 64em)
{
    .c-structured-interview-exergue
    {
        margin-right: 4rem; 
        padding: 4rem;
    }
}

@media (max-width: 48em)
{
    .c-structured-interview-exergue
    {
        margin-right: 2.5rem; 
        padding: 4rem 2.5rem 4rem 4.5rem;
    }
    .c-structured-interview-exergue__empty
    {
        min-width: 0;
    }
}

.c-structured-search-press-contact
{
    padding: 8rem; 
    padding-top: 21.2rem !important;
}
.c-structured-search-press-contact__title
{
    margin-bottom: 6rem;
}
.c-structured-search-press-contact__title h1
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 3.6rem;
    font-weight: 400;
    line-height: 4.2rem;

    margin: 0;

    letter-spacing: 0;

    color: #141d29;
}
.c-structured-search-press-contact__search
{
    display: flex;

    padding-bottom: 4rem; 

    justify-content: center;
}
.c-structured-search-press-contact__search--bar
{
    width: 50%;
}
.c-structured-search-press-contact__search--bar-responsive
{
    display: none;
}
.c-structured-search-press-contact__filters
{
    position: relative;
}
.c-structured-search-press-contact__filters:before
{
    position: absolute;
    top: 0;
    left: 0;

    width: calc(100% + 16rem);
    height: 5px;
    margin-left: -8rem;

    content: '';

    background-color: #fff;
}
.c-structured-search-press-contact__filters--title
{
    padding-top: 3rem;
}
.c-structured-search-press-contact__filters--title span
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 2rem;

    letter-spacing: .6px;

    color: #525668;
}
.c-structured-search-press-contact__filters__items
{
    display: flex;

    margin-top: 2.4rem;
}
.c-structured-search-press-contact__filters__items--container
{
    display: flex;

    flex: 1 1 auto;
}
.c-structured-search-press-contact__filters__items--container-item
{
    max-width: 40rem;
    margin-right: 4rem; 

    flex: 1 1 auto;
}
.c-structured-search-press-contact__filters__items--container-item .c-custom-select-wrapper
{
    background-color: #fff;
}
.c-structured-search-press-contact__filters__bottom
{
    display: flex;

    margin-top: 5.2rem;
}
.c-structured-search-press-contact__filters__bottom--item
{
    display: flex;

    align-items: center;
    flex: 1 1 auto;
}
.c-structured-search-press-contact__filters__bottom--item:last-child
{
    flex: inherit;
}
.c-structured-search-press-contact__filters__bottom--item span
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.4rem;
    line-height: 1.7rem;

    letter-spacing: 0;

    color: #3b3e4d;
}
.c-structured-search-press-contact__filters__bottom--item span .tag
{
    margin-left: 1.5rem; 
    padding: .7rem .8rem .9rem .8rem;

    color: #fff;
    border-radius: 4px;
    background-color: #255b8e;
}
.c-structured-search-press-contact__filters__bottom--item .c-btn--reset
{
    padding: 0;
}
.c-structured-search-press-contact__filters__bottom--item .c-btn--reset:before
{
    margin-right: 0;
}

@media (max-width: 87.5em)
{
    .c-structured-search-press-contact
    {
        padding: 4rem; 
        padding-top: 17.2rem !important;
    }
}

@media (max-width: 63.99em)
{
    .c-structured-search-press-contact
    {
        padding-top: 12.2rem !important;
    }
    .c-structured-search-press-contact__title
    {
        margin-bottom: 3rem;
    }
    .c-structured-search-press-contact__title h1
    {
        font-size: 2.4rem;
        line-height: 1.24;
    }
    .c-structured-search-press-contact__search
    {
        padding-bottom: 0;
    }
    .c-structured-search-press-contact__search--bar
    {
        display: flex;

        width: 100%;
    }
    .c-structured-search-press-contact__search--bar-responsive
    {
        display: initial;

        margin-left: .5rem;
    }
    .c-structured-search-press-contact__search .c-searchbar
    {
        width: 100%;
    }
    .c-structured-search-press-contact__search .c-searchbar > input
    {
        border-left: 0;
    }
    .c-structured-search-press-contact__filters
    {
        display: none;
    }
}

@media (max-width: 47.99em)
{
    .c-structured-search-press-contact
    {
        padding: 4rem 2rem;
        padding-top: 9.6rem !important;
    }
}

.c-structured-press-contact-list
{
    padding: 8rem;
}
.c-structured-press-contact-list__results--number span
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.8rem;
    line-height: 2.6rem;

    letter-spacing: 0;

    color: #255b8e;
}
.c-structured-press-contact-list__results--number span span
{
    color: #1b1d27;
}
.c-structured-press-contact-list__results__items
{
    display: flex;
    flex-direction: row;

    margin-top: 3.5rem; 

    flex-wrap: wrap;
    justify-content: space-between;
}
.c-structured-press-contact-list__results__items--item
{
    max-width: 50%;
    min-height: 369px;
    margin-bottom: 2.5rem; 

    flex-basis: calc(50% - 1.2rem);
}
.c-structured-press-contact-list__results__pagination
{
    display: flex;

    margin-top: 3.5rem; 

    justify-content: center;
    align-items: center;
}
.c-structured-press-contact-list__results__pagination > a
{
    margin-left: 1rem;
    padding: 0;

    text-transform: none;
}

@media (max-width: 87.5em)
{
    .c-structured-press-contact-list
    {
        padding: 4rem;
    }
}

@media (max-width: 64em)
{
    .c-structured-press-contact-list__results__pagination
    {
        margin: 0 -1.2rem;
    }
    .c-structured-press-contact-list__results__pagination .pagination
    {
        width: inherit;
        padding: 0;
    }
}

@media (max-width: 48em)
{
    .c-structured-press-contact-list
    {
        padding: 4rem 2rem;
    }
    .c-structured-press-contact-list__results__items
    {
        margin-top: 2.5rem;
    }
    .c-structured-press-contact-list__results__items--item
    {
        max-width: 100%;
        min-height: 275px; 

        flex-basis: 100%;
    }
    .c-structured-press-contact-list__results__pagination
    {
        flex-direction: column; 

        margin-top: 1.5rem;
    }
    .c-structured-press-contact-list__results__pagination > a
    {
        margin-top: 2rem; 
        margin-left: 0;
    }
}

body.press-release-pdf header,
body.press-release-pdf #block-breadcrumbs
{
    display: none;
}

.c-structured-press-release-pdf
{
    width: 780px;
    margin: auto;
}
.c-structured-press-release-pdf *
{
    max-width: 780px;
}
.c-structured-press-release-pdf .c-head-page-title__title
{
    margin-bottom: 10px;
}
.c-structured-press-release-pdf h1.h2-like
{
    font-size: 3rem;
}
.c-structured-press-release-pdf h2
{
    font-size: 2.8rem;
}
.c-structured-press-release-pdf .c-structured-cta__title
{
    margin-bottom: 40px;
}
.c-structured-press-release-pdf .c-partners-logo
{
    margin-bottom: 40px;
}
.c-structured-press-release-pdf .c-blockquote
{
    padding-top: 40px; 
    padding-bottom: 60px;
}
.c-structured-press-release-pdf .c-blockquote__content
{
    font-size: 18px;
    line-height: 22px;
}
.c-structured-press-release-pdf .c-layer
{
    padding: 0;
}
.c-structured-press-release-pdf .c-editor-text
{
    padding: 20px 0;
}
.c-structured-press-release-pdf .c-editor-text p,
.c-structured-press-release-pdf .c-editor-text ul,
.c-structured-press-release-pdf .c-editor-text ol,
.c-structured-press-release-pdf .c-editor-text table td,
.c-structured-press-release-pdf .c-structured-text-only__description,
.c-structured-press-release-pdf .c-structured-text-only ul,
.c-structured-press-release-pdf .c-structured-text-only ol,
.c-structured-press-release-pdf .c-info-cta__description
{
    font-size: 16px;
    line-height: 22px;
}
.c-structured-press-release-pdf .c-structured-text-only__description
{
    padding-top: 30px;
}
.c-structured-press-release-pdf .c-image-full-width__caption
{
    font-size: 14px;
    line-height: 22px;
}
.c-structured-press-release-pdf .c-editor-text p:not(:first-child),
.c-structured-press-release-pdf .c-structured-text-only ul li
{
    margin-top: 10px;
}
.c-structured-press-release-pdf .c-image-caption
{
    margin-bottom: 20px;
}
.c-structured-press-release-pdf .c-structured-item-links
{
    padding-top: 20px;
    padding-bottom: 20px;
}
.c-structured-press-release-pdf .c-structured-item-links__card
{
    max-width: 770px; 
    padding: 20px;
}
.c-structured-press-release-pdf .u-bg--light
{
    background-color: #fff;
}
.c-structured-press-release-pdf .c-info-cta__picto
{
    display: none;
}
.c-structured-press-release-pdf__contacts
{
    font-size: 14px;

    margin-top: 40px;
}
.c-structured-press-release-pdf__contacts--title
{
    font-weight: bolder;
    font-style: italic; 

    text-transform: uppercase;
}
.c-structured-press-release-pdf__contact--contact
{
    position: relative; 

    display: inline-block;
}
.c-structured-press-release-pdf__contact--coord
{
    position: relative; 

    margin-right: .8rem;
    margin-left: .8rem;
}

.c-structured-organization
{
    padding: 4rem;
}
@media (min-width: 64em)
{
    .c-structured-organization
    {
        padding: 4rem 0;
    }
}
.c-structured-organization__content__item
{
    min-height: 34rem;
}
@media (max-width: 63.99em)
{
    .c-structured-organization__content__item
    {
        padding: 1rem 0;
    }
    .c-structured-organization__content__item .c-profile-card-item
    {
        margin: 0 auto;
    }
}
@media (min-width: 64em)
{
    .c-structured-organization__content__item .c-profile-card-item__content
    {
        margin-left: 4rem;

        flex: 1;
    }
}
@media (min-width: 64em)
{
    .c-structured-organization__content__item .c-profile-card-item__image
    {
        height: auto;
    }
}
.c-structured-organization__content .o-grid
{
    justify-content: space-between;
}

.c-structured-lists__content__item
{
    padding: 1rem 1.5rem;
}
@media (min-width: 64em)
{
    .c-structured-lists__content__item
    {
        max-width: 45rem; 
        padding: 2rem 3rem;
    }
}

.sticky-container-sheet
{
    position: relative;
}

.c-structured-sheet-profile
{
    display: flex;

    padding-top: 19.2rem;
    padding-right: 8rem; 
    padding-bottom: 6rem;
}
.c-structured-sheet-profile__image
{
    width: 197px; 
    margin-left: 20rem;
}
.c-structured-sheet-profile__image img
{
    position: fixed;
    z-index: 10; 

    width: 197px;
}
.c-structured-sheet-profile__container
{
    width: 100%; 
    padding: 4rem 0 4rem 13rem;
}
.c-structured-sheet-profile__container--title h1
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 3.6rem;
    font-weight: 400;
    line-height: 4.2rem;

    margin: 0;

    letter-spacing: 0;
    text-transform: capitalize; 

    color: #141d29;
}
.c-structured-sheet-profile__container--subtitle
{
    margin-top: 10px;
}
.c-structured-sheet-profile__container--subtitle span
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 2.2rem;
    line-height: 3rem;

    letter-spacing: .6px;

    color: #255b8e;
}
.c-structured-sheet-profile__container--infos
{
    margin-top: 20px;
    margin-bottom: 40px; 

    align-self: flex-start;
}
.c-structured-sheet-profile__container--description
{
    font-size: 2rem;
    line-height: 3.2rem; 

    align-self: flex-start;
}
.c-structured-sheet-profile__container--button
{
    margin-top: 6rem;
}
.c-structured-sheet-profile__container--button .c-btn i
{
    font-size: 2.5rem;

    margin-right: 2rem;
}
.c-structured-sheet-profile--interview .c-structured-sheet-profile__image
{
    width: 400px;
    margin-left: 0;

    flex-shrink: 0;
}
.c-structured-sheet-profile--interview .c-structured-sheet-profile__image img
{
    width: 400px;
}
.c-structured-sheet-profile--interview .c-structured-sheet-profile__container
{
    padding: 4rem 0 4rem 12rem;
}
.c-structured-sheet-profile .sticky-image
{
    position: absolute;
    bottom: 0;
}

.c-structured-sheet-profile.c-structured-sheet-profile--interview h1
{
    text-transform: none;
}

@media (max-width: 80em)
{
    .c-structured-sheet-profile__image
    {
        margin-left: 10rem;
    }
    .c-structured-sheet-profile--interview .c-structured-sheet-profile__image
    {
        width: 300px; 
        margin-left: 0;
    }
    .c-structured-sheet-profile--interview .c-structured-sheet-profile__image img
    {
        width: 300px;
    }
}

@media (max-width: 63.99em)
{
    .c-structured-sheet-profile
    {
        padding-top: 13.2rem;
    }
    .c-structured-sheet-profile__image
    {
        margin-left: 6rem;
    }
    .c-structured-sheet-profile--interview .c-structured-sheet-profile__image
    {
        width: 250px; 
        margin-left: 0;
    }
    .c-structured-sheet-profile--interview .c-structured-sheet-profile__image img
    {
        width: 250px;
    }
    .c-structured-sheet-profile--interview .c-structured-sheet-profile__container--title h1
    {
        font-size: 2.4rem;
    }
}

@media (max-width: 48em)
{
    .c-structured-sheet-profile
    {
        flex-direction: column; 

        padding-top: 5.6rem;
        padding-right: 0;
        padding-bottom: 4rem;
    }
    .c-structured-sheet-profile__image
    {
        display: flex;

        width: 100%; 
        margin-left: 0rem;

        align-items: center;
        justify-content: center;
    }
    .c-structured-sheet-profile__image img
    {
        position: relative;

        width: auto;
    }
    .c-structured-sheet-profile__container
    {
        display: flex;
        flex-direction: column;

        padding: 4rem 2rem; 

        justify-content: center;
    }
    .c-structured-sheet-profile__container--description
    {
        font-size: 1.8rem;
        line-height: 2.8rem;
    }
    .c-structured-sheet-profile .sticky-image
    {
        position: relative;
    }
    .c-structured-sheet-profile--interview
    {
        padding-top: 5.6rem !important;
    }
    .c-structured-sheet-profile--interview .c-structured-sheet-profile__container--title
    {
        padding-top: 0 !important;
    }
    .c-structured-sheet-profile--interview .c-structured-sheet-profile__image
    {
        width: 100%;
    }
    .c-structured-sheet-profile--interview .c-structured-sheet-profile__image img
    {
        position: relative;

        width: 100%;
    }
    .c-structured-sheet-profile--interview .c-structured-sheet-profile__container
    {
        padding: 4rem 2rem;
    }
}

@media (max-width: 30em)
{
    .c-structured-sheet-profile__image img
    {
        width: 100%;
    }
    .c-structured-sheet-profile--interview .c-structured-sheet-profile__image
    {
        width: 100%;
    }
    .c-structured-sheet-profile--interview .c-structured-sheet-profile__image img
    {
        width: 100%;
    }
}

.c-structured-sheet-section
{
    display: flex; 

    padding: 8rem;
}
.c-structured-sheet-section__container
{
    display: block;

    width: 100%; 
    padding-left: 43.5rem;
}
.c-structured-sheet-section__container .c-editor-text
{
    padding: 0;
}
.c-structured-sheet-section__container .c-editor-text h2
{
    font-size: 2.8rem;
    line-height: 3.6rem;

    margin: 0; 

    letter-spacing: 0;

    color: #141d29;
}
.c-structured-sheet-section__container .c-editor-text p
{
    font-size: 1.8rem;
    line-height: 2.6rem;

    margin: 0;
    margin-top: 2.5rem; 

    color: #1b1d27;
}
.c-structured-sheet-section--question,
.c-structured-sheet-section--highlight,
.c-structured-sheet-section--footer-notes
{
    padding: 4rem 8rem 4rem 0;
}
.c-structured-sheet-section--question .c-structured-sheet-section__container,
.c-structured-sheet-section--highlight .c-structured-sheet-section__container,
.c-structured-sheet-section--footer-notes .c-structured-sheet-section__container
{
    padding-left: calc(12rem + 400px);
}
.c-structured-sheet-section--question .c-structured-sheet-list__title h2
{
    font-size: 2.2rem; 

    color: #7596d4;
}
.c-structured-sheet-section--question .c-structured-sheet-list .c-editor-text
{
    font-size: 1.8rem;
}
.c-structured-sheet-section--highlight
{
    margin-bottom: 4rem; 
    padding-right: 0;

    background-color: #eff8ff;
}
.c-structured-sheet-section--highlight .c-structured-sheet-section__container
{
    padding-right: 8rem;
}
.c-structured-sheet-section--highlight .c-structured-sheet-section__container .c-editor-text
{
    font-size: 2.2rem;
    font-weight: 500; 

    color: #073a7c;
}
.c-structured-sheet-section--footer-notes h3
{
    font-size: 1.6rem;
    line-height: 2rem;

    letter-spacing: .6px;

    color: #525668;
}
.c-structured-sheet-section--footer-notes .c-editor-text ol
{
    margin-top: 3.5rem;
}
.c-structured-sheet-section--footer-notes .c-editor-text ol li
{
    font-size: 1.3rem;
    line-height: 1.6rem;

    padding-left: 1.6rem;

    letter-spacing: .49px;

    color: #84899f;
}
.c-structured-sheet-section--footer-notes .c-editor-text ol li:before
{
    font-size: 1.3rem;
    line-height: 1.6rem;

    top: -.5rem;

    color: #7597d4;
}
.c-structured-sheet-section--footer-notes .c-editor-text p
{
    font-size: 1.3rem;
    line-height: 1.6rem;

    letter-spacing: .49px; 

    color: #84899f;
}

@media (max-width: 87.5em)
{
    .c-structured-sheet-section
    {
        padding: 4rem 8rem;
    }
    .c-structured-sheet-section--question,
    .c-structured-sheet-section--highlight,
    .c-structured-sheet-section--footer-notes
    {
        padding-left: 0;
    }
    .c-structured-sheet-section--question .c-structured-sheet-section__container,
    .c-structured-sheet-section--highlight .c-structured-sheet-section__container,
    .c-structured-sheet-section--footer-notes .c-structured-sheet-section__container
    {
        padding-left: calc(12rem + 400px);
    }
}

@media (max-width: 80em)
{
    .c-structured-sheet-section__container
    {
        padding-left: 33.5rem;
    }
    .c-structured-sheet-section--question,
    .c-structured-sheet-section--highlight,
    .c-structured-sheet-section--footer-notes
    {
        padding-left: 0;
    }
    .c-structured-sheet-section--question .c-structured-sheet-section__container,
    .c-structured-sheet-section--highlight .c-structured-sheet-section__container,
    .c-structured-sheet-section--footer-notes .c-structured-sheet-section__container
    {
        padding-left: calc(12rem + 300px);
    }
}

@media (max-width: 64em)
{
    .c-structured-sheet-section__container
    {
        padding-left: 23.5rem;
    }
    .c-structured-sheet-section--question,
    .c-structured-sheet-section--highlight,
    .c-structured-sheet-section--footer-notes
    {
        padding-left: 0;
    }
    .c-structured-sheet-section--question .c-structured-sheet-section__container,
    .c-structured-sheet-section--highlight .c-structured-sheet-section__container,
    .c-structured-sheet-section--footer-notes .c-structured-sheet-section__container
    {
        padding-left: calc(12rem + 250px);
    }
}

@media (max-width: 48em)
{
    .c-structured-sheet-section
    {
        padding: 4rem 2rem;
    }
    .c-structured-sheet-section__container
    {
        padding-left: 0;
    }
    .c-structured-sheet-section__container .c-editor-text h2
    {
        font-size: 2.4rem !important;
        line-height: 3.2rem !important;
    }
    .c-structured-sheet-section__container .c-editor-text p
    {
        font-size: 1.6rem !important;
        line-height: 2.2rem !important;
    }
    .c-structured-sheet-section--question,
    .c-structured-sheet-section--highlight,
    .c-structured-sheet-section--footer-notes
    {
        padding-left: 0;
    }
    .c-structured-sheet-section--question .c-structured-sheet-section__container,
    .c-structured-sheet-section--highlight .c-structured-sheet-section__container,
    .c-structured-sheet-section--footer-notes .c-structured-sheet-section__container
    {
        padding-left: 2rem;
    }
    .c-structured-sheet-section--question
    {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    .c-structured-sheet-section--question .c-structured-sheet-list__title h2
    {
        font-size: 1.6rem;
    }
    .c-structured-sheet-section--question .c-structured-sheet-list .c-editor-text
    {
        font-size: 1.6rem;
    }
    .c-structured-sheet-section--highlight
    {
        margin-bottom: 2rem;
    }
    .c-structured-sheet-section--highlight .c-structured-sheet-section__container
    {
        padding-right: 2rem;
    }
    .c-structured-sheet-section--highlight .c-structured-sheet-section__container .c-editor-text
    {
        font-size: 1.8rem;

        padding: 0 2.5rem;
    }
}

@media (max-width: 30em)
{
    .c-structured-sheet-section--question,
    .c-structured-sheet-section--footer-notes
    {
        padding-left: 2rem;
    }
    .c-structured-sheet-section--question .c-structured-sheet-section__container,
    .c-structured-sheet-section--footer-notes .c-structured-sheet-section__container
    {
        padding-left: 0;
    }
    .c-structured-sheet-section--highlight .c-structured-sheet-section__container
    {
        padding-right: 2rem;
    }
}

.c-structured-sheet-list
{
    display: flex;
    flex-direction: column;
}
.c-structured-sheet-list__title h2
{
    font-size: 2.8rem;
    line-height: 3.6rem;

    margin: 0;

    letter-spacing: 0;

    color: #141d29;
}
.c-structured-sheet-list__content--item
{
    margin-top: 2.5rem;
}
.c-structured-sheet-list__content--item-title
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.8rem;
    line-height: 2.6rem;

    letter-spacing: 0;

    color: #1b1d27;
}
.c-structured-sheet-list__content--item-content
{
    margin: 0;
}
.c-structured-sheet-list__content--item-content li
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 2rem;

    margin-top: 1rem; 

    letter-spacing: .6px;

    color: #525668;
}
.c-structured-sheet-list__content--item-content li span
{
    margin-right: 1.8rem;
}
@media (min-width: 64em)
{
    .c-structured-sheet-list__content--item-content li
    {
        margin-left: 2.1rem;
    }
}
.c-structured-sheet-list__content--item-content li .annotation
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.3rem;
    font-weight: bold;
    line-height: 1.6rem;

    position: relative;
    top: -9px;
    right: 2px;

    margin: 0; 

    letter-spacing: .49px;

    color: #7596d4;
}
.c-structured-sheet-list__buttons
{
    display: flex;

    margin-top: 7.9rem; 

    justify-content: flex-end;
}
.c-structured-sheet-list__buttons--item
{
    display: flex;
    flex-direction: row;

    justify-content: center;
    align-items: center;
}
.c-structured-sheet-list__buttons--item:last-child
{
    margin-left: 4rem;
}
.c-structured-sheet-list__buttons--item img
{
    width: 1.8rem;
    margin-right: 1.9rem;
}
.c-structured-sheet-list__buttons--item a
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.6rem;

    position: relative;

    letter-spacing: 2.8px;
    text-transform: uppercase; 

    color: #073a7c;

    align-items: center;
}
.c-structured-sheet-list__buttons--item a:after
{
    display: none !important;
}
.c-structured-sheet-list__buttons--item a__container
{
    padding-left: 1.7rem;
}
.c-structured-sheet-list__buttons--item a span
{
    margin: 0;
}
.c-structured-sheet-list__buttons--item a span span
{
    font-size: 1.3rem;
    font-weight: normal; 
    line-height: 1.6rem;

    letter-spacing: .49px;

    color: #84899f;
}
.c-structured-sheet-list__buttons .c-download-dropdown__btn > div
{
    display: flex;

    align-items: center;
}
.c-structured-sheet-list__buttons .c-download-dropdown__btn > div .c-btn--download__icon-bottom
{
    top: inherit;
}
.c-structured-sheet-list .c-structured-footnotes
{
    padding: 6rem 0 0 0;
}

@media (max-width: 48em)
{
    .c-structured-sheet-list__title h2
    {
        font-size: 2.4rem;
        line-height: 3.2rem;
    }
    .c-structured-sheet-list__buttons
    {
        justify-content: center;
    }
}

.c-structured-decision-tree-contact
{
    max-width: 1440px;
    margin: 0 auto 8rem;
}
.c-structured-decision-tree-contact__container__title
{
    display: flex; 

    padding: 4rem 2rem;
}
@media (min-width: 64em)
{
    .c-structured-decision-tree-contact__container__title
    {
        padding: 8rem;
    }
}
@media (min-width: 87.5em)
{
    .c-structured-decision-tree-contact__container__title
    {
        padding: 8rem;
    }
}
.c-structured-decision-tree-contact__container__title h1
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 3rem;

    width: 100%; 

    letter-spacing: 0;

    color: #141d29;
}
@media (min-width: 64em)
{
    .c-structured-decision-tree-contact__container__title h1
    {
        font-size: 3.6rem;
        line-height: 4.2rem;
    }
}
.c-structured-decision-tree-contact__container__title button
{
    overflow: inherit; 

    margin: 0;
    padding: 0;
}
.c-structured-decision-tree-contact__container__title button::before
{
    margin-right: 1.2rem;
}
.c-structured-decision-tree-contact .select2-container
{
    font-size: 1.4rem; 

    min-height: 52px !important;
}

@media (max-width: 90em)
{
    .c-structured-decision-tree-contact
    {
        max-width: inherit;
        margin: inherit;
    }
}

/* ==========================================================================
   # Structured search product
   ========================================================================== */
/*
---
name: Structured search product
category: 03 - Organisms
---

Normal
```structured-search-offer.html
<div class="c-structured-search-responsive c-layer ">
  <h2 class="c-structured-search-responsive__title">Product, services and support from Safran</h2>
  <div class="o-grid c-structured-search-responsive__search">
    <div class=" u-1/1@table">
      <label>Type</label>
      <select class="js-custom-select u-hidden-visually" multiple="">
        <option>All types</option>
        <option>Type 1</option>
        <option>Type 2</option>
      </select>
      <div class="c-custom-select">
        <div class="c-custom-select__title"></div>
        <ul class="c-custom-select__list">
          <li class="c-custom-select__item">All types</li>
          <li class="c-custom-select__item">Type 1</li>
          <li class="c-custom-select__item">Type 2</li>
        </ul>
      </div>
    </div>
    <div class="u-2/4 u-1/1@tablet">
      <div class="c-searchbar">

        <label class="c-input">
          <input type="text" class="c-input__input">
          <span class="c-input__label">Search</span>
        </label>

        <button class="c-btn c-btn--primary c-btn--search "></button>

      </div>
    </div>
  </div>
  <div class="o-grid c-structured-search-responsive__filter">
    <div class="u-1/3 u-1/1@tablet">
      <select class="js-custom-select u-hidden-visually" multiple="">
        <option>Entity</option>
        <option>Entity 2</option>
        <option>Entity 3</option>
      </select>
      <div class="c-custom-select">
        <div class="c-custom-select__title"></div>
        <ul class="c-custom-select__list">
          <li class="c-custom-select__item">Entity</li>
          <li class="c-custom-select__item">Entity 2</li>
          <li class="c-custom-select__item">Entity 3</li>
        </ul>
      </div>
    </div>
    <div class="u-1/3 u-1/1@tablet">
      <label>Program</label>
      <select class="js-custom-select u-hidden-visually" multiple="">
        <option></option>
        <option>Program 1</option>
        <option>Program 2</option>
      </select>
      <div class="c-custom-select">
        <div class="c-custom-select__title"></div>
        <ul class="c-custom-select__list">
          <li class="c-custom-select__item"></li>
          <li class="c-custom-select__item">Program 1</li>
          <li class="c-custom-select__item">Program 2</li>
        </ul>
      </div>
    </div>
    <div class="u-1/3 u-1/1@tablet">
      <label>Category</label>
      <select class="js-custom-select u-hidden-visually" multiple="">
        <option>All Category</option>
        <option>Category 1</option>
        <option>Category 2</option>
        <option>Category 3</option>
      </select>
      <div class="c-custom-select">
        <div class="c-custom-select__title"></div>
        <ul class="c-custom-select__list">
          <li class="c-custom-select__item">All Category</li>
          <li class="c-custom-select__item">Category 1</li>
          <li class="c-custom-select__item">Category 2</li>
          <li class="c-custom-select__item">Category 3</li>
        </ul>
      </div>
    </div>
  </div>
  <div class="c-structured-search-responsive__link-container">
    <div>
      <a href="#" class="c-structured-search-responsive__link">Landing</a>
      <a href="#" class="c-structured-search-responsive__link">Lakota</a>
      <a href="#" class="c-structured-search-responsive__link">Lorem</a>
    </div>
    <div>
      <a href="#" class="c-btn c-btn--simple">Reset filters</a>
      <a class="c-btn c-btn--primary c-btn--icon  c-btn--icon-search" href="#">
        Search
      </a>
    </div>
  </div>
</div>
```

*/
.c-structured-search-responsive
{
    display: none;

    padding-top: 21rem;
    padding-bottom: .3rem;
}
.c-structured-search-responsive--no-padding-top
{
    padding-top: 0 !important;
}
.c-structured-search-responsive--no-padding-top .c-structured-search-responsive__search
{
    padding-top: 0 !important;
}
.c-structured-search-responsive__searchbar-button-wrapper
{
    display: flex;
    flex-direction: row;

    width: 100%; 
    margin-bottom: 2rem;
}
.c-structured-search-responsive__select-wrapper
{
    width: 100%;
}
.c-structured-search-responsive__select-wrapper .c-structured-search-product__form-filters__select-container
{
    padding: 0;
}
.c-structured-search-responsive__searchbar-wrapper
{
    width: 100%;
}
@media (max-width: 63.99em)
{
    .c-structured-search-responsive
    {
        display: block;

        padding-bottom: 2rem;
    }
}
.c-structured-search-responsive__search
{
    padding-top: 6rem;
    padding-bottom: 4rem;
}
@media (max-width: 63.99em)
{
    .c-structured-search-responsive__search
    {
        padding-top: 3rem;
        padding-bottom: 0;
    }
}
.c-structured-search-responsive__search .c-custom-select
{
    min-width: 14rem;
    max-height: 5.2rem;

    background: #fff;
}
@media (max-width: 63.99em)
{
    .c-structured-search-responsive__search .c-custom-select
    {
        margin-bottom: 2rem;

        background: transparent;
    }
}
.c-structured-search-responsive__search .c-input__input
{
    min-height: 5.2rem;
}
.c-structured-search-responsive__search .c-btn--search
{
    min-height: 5.2rem;

    border-left: none;
}
.c-structured-search-responsive__search.o-grid
{
    padding-left: 4rem; 

    align-items: flex-end;
}
@media (max-width: 63.99em)
{
    .c-structured-search-responsive__search.o-grid
    {
        padding-left: 0;
    }
}
.c-structured-search-responsive__search.o-grid > *
{
    padding: 0;
}
@media (max-width: 63.99em)
{
    .c-structured-search-responsive__search.o-grid > *
    {
        width: 100%;
        padding: 0 1rem;
    }
}
.c-structured-search-responsive__searchbar-filter-wrapper .c-btn.c-btn--primary.c-btn--filter
{
    display: none;
}
@media (max-width: 63.99em)
{
    .c-structured-search-responsive__searchbar-filter-wrapper
    {
        display: flex;
    }
    .c-structured-search-responsive__searchbar-filter-wrapper .c-structured-search-responsive__searchbar-wrapper
    {
        padding-right: .5rem; 

        flex: 1;
    }
    .c-structured-search-responsive__searchbar-filter-wrapper .c-btn.c-btn--primary.c-btn--filter
    {
        display: inline-block;
    }
}
.c-structured-search-responsive__responsive-filter-button-container .c-btn--primary
{
    background: linear-gradient(45deg, #0f60a7 0%, #255b8e 100%);
}
.c-structured-search-responsive__filter
{
    margin-top: 2rem;
}
.c-structured-search-responsive__filter .c-custom-select
{
    background: transparent;
}
.c-structured-search-responsive__filter.o-grid
{
    padding-left: 4rem; 

    align-items: flex-end;
}
@media (max-width: 63.99em)
{
    .c-structured-search-responsive__filter.o-grid
    {
        padding-left: 0;
    }
}
.c-structured-search-responsive__filter.o-grid > *
{
    padding: 0 4rem 0 0;
}
.c-structured-search-responsive__filter.o-grid > *:last-child
{
    padding-right: 0;
}
@media (max-width: 63.99em)
{
    .c-structured-search-responsive__filter.o-grid > *:last-child
    {
        padding-right: 2rem;
    }
}
@media (max-width: 63.99em)
{
    .c-structured-search-responsive__filter.o-grid > *
    {
        padding: 0 2rem;
    }
}
.c-structured-search-responsive--dark .c-structured-search-responsive__title
{
    color: #fff;
}
.c-structured-search-responsive__title
{
    margin: 0;
}
@media (max-width: 63.99em)
{
    .c-structured-search-responsive__title
    {
        font-size: 2.4rem;
    }
}
.c-structured-search-responsive__link
{
    font-size: 1.4rem; 

    position: relative;

    margin-right: 3rem;

    color: #1b1d27;
}
.c-structured-search-responsive__link::before
{
    font-family: 'icomoon' !important;
    font-size: 1.2rem; 

    margin-right: .5rem;

    content: '';
}
.c-structured-search-responsive__link-container
{
    display: flex;

    margin-top: 7rem; 
    padding-left: 2rem;

    align-items: center;
    justify-content: space-between;
}
@media (max-width: 63.99em)
{
    .c-structured-search-responsive__link-container
    {
        margin-top: 4rem;

        text-align: center;
    }
}
.c-structured-search-responsive .c-btn
{
    display: inline-flex;
}
.c-structured-search-responsive__form-filters
{
    padding-top: 3rem;

    border-top: .5rem solid #fff;
}
@media (max-width: 47.99em)
{
    .c-structured-search-responsive__form-filters
    {
        display: none;
    }
}
.c-structured-search-responsive__form-filters__main-nav-container
{
    display: flex;

    justify-content: space-between;
}
.c-structured-search-responsive__form-filters__select-containers
{
    display: flex;

    margin: 0 -1.5rem; 

    flex: 1;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.c-structured-search-responsive__form-filters__select-container
{
    position: relative;

    margin-bottom: 2rem; 
    padding: 0 1.5rem;
}
.c-structured-search-responsive__form-filters__select-container .c-custom-select
{
    width: 19.5rem;
}
.c-structured-search-responsive__form-filters__buttons-container
{
    width: 20%;
    min-width: 21rem;
    margin-left: 2rem;

    text-align: right;
}
@media (min-width: 64em)
{
    .c-structured-search-responsive__form-filters__buttons-container
    {
        flex: .3;
    }
}
@media (min-width: 87.5em)
{
    .c-structured-search-responsive__form-filters__buttons-container
    {
        margin-left: 2rem; 

        flex: .2;
    }
}
.c-structured-search-responsive__form-filters__buttons-container > *
{
    float: right; 

    margin-left: 2rem;
}
.c-structured-search-responsive__form-filters__label
{
    font-size: 1.6rem;
    line-height: 1.25; 

    margin: 0;
    margin-bottom: 2.4rem;

    letter-spacing: .06rem;

    color: #525668;
}
.c-structured-search-responsive__form-filters__select-label
{
    font-size: 1.1rem;
    line-height: 1.2; 

    position: absolute;
    top: -2.7rem;
    left: 1.6rem;

    color: #525668;
}
.c-structured-search-responsive__form-filters__current-filters-reset-container
{
    display: flex;

    padding-top: 1.2rem; 

    align-items: center;
}
.c-structured-search-responsive__form-filters__reset-container
{
    text-align: right;

    flex: 1;
}
.c-structured-search-responsive__form-filters__current-filters-container
{
    padding-top: 4rem;
    padding-bottom: 4rem;
}
.c-structured-search-responsive__form-filters__current-filter
{
    font-size: 1.4rem;
    line-height: 1.21; 

    padding: .8rem;

    color: #3b3e4d;
}
.c-structured-search-responsive__form-filters__current-filter--content
{
    margin-left: 1.5rem;
    padding: .8rem;

    color: #fff; 
    border-radius: .4rem;
    background-color: #255b8e;
}
.c-structured-search-responsive__form-filters__current-filter + .c-structured-search-responsive__form-filters__current-filter
{
    margin-left: 1.5rem;
}
.c-structured-search-responsive__form-filters__remove-icon
{
    width: 1.4rem;
    height: auto;
    margin-left: .7rem;
}

@media (max-width: 63.99em)
{
    body.offers-list-page .c-structured-search-responsive
    {
        border-bottom: .5rem solid #fff;
    }
}

/* ==========================================================================
   # Structured search product
   ========================================================================== */
/*
---
name: Structured search product
category: 03 - Organisms
---

Normal
```structured-search-product.html
<div class="c-structured-search-product-responsive c-layer ">
  <h2 class="c-structured-search-product-responsive__title">Product, services and support from Safran</h2>
  <div class="o-grid c-structured-search-product-responsive__search">
    <div class=" u-1/1@table">
      <label>Type</label>
      <select class="js-custom-select u-hidden-visually" multiple="">
        <option>All types</option>
        <option>Type 1</option>
        <option>Type 2</option>
      </select>
      <div class="c-custom-select">
        <div class="c-custom-select__title"></div>
        <ul class="c-custom-select__list">
          <li class="c-custom-select__item">All types</li>
          <li class="c-custom-select__item">Type 1</li>
          <li class="c-custom-select__item">Type 2</li>
        </ul>
      </div>
    </div>
    <div class="u-2/4 u-1/1@tablet">
      <div class="c-searchbar">

        <label class="c-input">
          <input type="text" class="c-input__input">
          <span class="c-input__label">Search</span>
        </label>

        <button class="c-btn c-btn--primary c-btn--search "></button>

      </div>
    </div>
  </div>
  <div class="o-grid c-structured-search-product-responsive__filter">
    <div class="u-1/3 u-1/1@tablet">
      <select class="js-custom-select u-hidden-visually" multiple="">
        <option>Entity</option>
        <option>Entity 2</option>
        <option>Entity 3</option>
      </select>
      <div class="c-custom-select">
        <div class="c-custom-select__title"></div>
        <ul class="c-custom-select__list">
          <li class="c-custom-select__item">Entity</li>
          <li class="c-custom-select__item">Entity 2</li>
          <li class="c-custom-select__item">Entity 3</li>
        </ul>
      </div>
    </div>
    <div class="u-1/3 u-1/1@tablet">
      <label>Program</label>
      <select class="js-custom-select u-hidden-visually" multiple="">
        <option></option>
        <option>Program 1</option>
        <option>Program 2</option>
      </select>
      <div class="c-custom-select">
        <div class="c-custom-select__title"></div>
        <ul class="c-custom-select__list">
          <li class="c-custom-select__item"></li>
          <li class="c-custom-select__item">Program 1</li>
          <li class="c-custom-select__item">Program 2</li>
        </ul>
      </div>
    </div>
    <div class="u-1/3 u-1/1@tablet">
      <label>Category</label>
      <select class="js-custom-select u-hidden-visually" multiple="">
        <option>All Category</option>
        <option>Category 1</option>
        <option>Category 2</option>
        <option>Category 3</option>
      </select>
      <div class="c-custom-select">
        <div class="c-custom-select__title"></div>
        <ul class="c-custom-select__list">
          <li class="c-custom-select__item">All Category</li>
          <li class="c-custom-select__item">Category 1</li>
          <li class="c-custom-select__item">Category 2</li>
          <li class="c-custom-select__item">Category 3</li>
        </ul>
      </div>
    </div>
  </div>
  <div class="c-structured-search-product-responsive__link-container">
    <div>
      <a href="#" class="c-structured-search-product-responsive__link">Landing</a>
      <a href="#" class="c-structured-search-product-responsive__link">Lakota</a>
      <a href="#" class="c-structured-search-product-responsive__link">Lorem</a>
    </div>
    <div>
      <a href="#" class="c-btn c-btn--simple">Reset filters</a>
      <a class="c-btn c-btn--primary c-btn--icon  c-btn--icon-search" href="#">
        Search
      </a>
    </div>
  </div>
</div>
```

*/
.c-structured-search-product-responsive
{
    display: none;

    padding-top: 21rem;
    padding-bottom: .3rem;
}
.is-mobile .c-structured-search-product-responsive
{
    display: block;
}
@media (max-width: 63.99em)
{
    .c-structured-search-product-responsive
    {
        display: block;

        padding-top: 12rem;
        padding-bottom: 2rem;
    }
}
.c-structured-search-product-responsive__search
{
    padding-top: 6rem;
    padding-bottom: 4rem;
}
@media (max-width: 63.99em)
{
    .c-structured-search-product-responsive__search
    {
        padding-top: 3rem;
        padding-bottom: 0;
    }
}
.c-structured-search-product-responsive__search .c-custom-select
{
    min-width: 14rem;
    max-height: 5.2rem;

    background: #fff;
}
@media (max-width: 63.99em)
{
    .c-structured-search-product-responsive__search .c-custom-select
    {
        margin-bottom: 2rem;
    }
}
.c-structured-search-product-responsive__search .c-input__input
{
    min-height: 5.2rem;
}
.c-structured-search-product-responsive__search .c-btn--search
{
    min-height: 5.2rem;

    border-left: none;
}
.c-structured-search-product-responsive__search.o-grid
{
    padding-left: 4rem; 

    align-items: flex-end;
}
@media (max-width: 63.99em)
{
    .c-structured-search-product-responsive__search.o-grid
    {
        padding-left: 0;
    }
}
.c-structured-search-product-responsive__search.o-grid > *
{
    padding: 0;
}
@media (max-width: 63.99em)
{
    .c-structured-search-product-responsive__search.o-grid > *
    {
        width: 100%;
        padding: 0 1rem;
    }
}
.c-structured-search-product-responsive__searchbar-filter-wrapper .c-btn.c-btn--primary.c-btn--filter
{
    display: none;
}
@media (max-width: 63.99em)
{
    .c-structured-search-product-responsive__searchbar-filter-wrapper
    {
        display: flex;
    }
    .c-structured-search-product-responsive__searchbar-filter-wrapper .c-structured-search-product-responsive__searchbar-wrapper
    {
        padding-right: .5rem; 

        flex: 1;
    }
    .c-structured-search-product-responsive__searchbar-filter-wrapper .c-btn.c-btn--primary.c-btn--filter
    {
        display: inline-block;
    }
}
.c-structured-search-product-responsive__filter
{
    margin-top: 2rem;
}
.c-structured-search-product-responsive__filter .c-custom-select
{
    background: #fff;
}
.c-structured-search-product-responsive__filter.o-grid
{
    padding-left: 4rem; 

    align-items: flex-end;
}
@media (max-width: 63.99em)
{
    .c-structured-search-product-responsive__filter.o-grid
    {
        padding-left: 0;
    }
}
.c-structured-search-product-responsive__filter.o-grid > *
{
    padding: 0 4rem 0 0;
}
.c-structured-search-product-responsive__filter.o-grid > *:last-child
{
    padding-right: 0;
}
@media (max-width: 63.99em)
{
    .c-structured-search-product-responsive__filter.o-grid > *:last-child
    {
        padding-right: 2rem;
    }
}
@media (max-width: 63.99em)
{
    .c-structured-search-product-responsive__filter.o-grid > *
    {
        padding: 0 2rem;
    }
}
.c-structured-search-product-responsive--dark .c-structured-search-product-responsive__title
{
    color: #fff;
}
.c-structured-search-product-responsive__title
{
    margin: 0;
}
@media (max-width: 63.99em)
{
    .c-structured-search-product-responsive__title
    {
        font-size: 2.4rem;
    }
}
.c-structured-search-product-responsive__link
{
    font-size: 1.4rem; 

    position: relative;

    margin-right: 3rem;

    color: #1b1d27;
}
.c-structured-search-product-responsive__link::before
{
    font-family: 'icomoon' !important;
    font-size: 1.2rem; 

    margin-right: .5rem;

    content: '';
}
.c-structured-search-product-responsive__link-container
{
    display: flex;

    margin-top: 7rem; 
    padding-left: 2rem;

    align-items: center;
    justify-content: space-between;
}
@media (max-width: 63.99em)
{
    .c-structured-search-product-responsive__link-container
    {
        margin-top: 4rem;

        text-align: center;
    }
}
.c-structured-search-product-responsive__form-filters
{
    padding-top: 3rem;

    border-top: .5rem solid #fff;
}
@media (max-width: 63.99em)
{
    .c-structured-search-product-responsive__form-filters
    {
        display: none;
    }
}
.c-structured-search-product-responsive__form-filters__main-nav-container
{
    display: flex;
}
.c-structured-search-product-responsive__form-filters__select-containers
{
    display: flex;

    margin: 0 -1.5rem; 

    flex: 1;
}
.c-structured-search-product-responsive__form-filters__select-container
{
    position: relative;

    padding: 0 1.5rem; 

    flex: 1;
}
.c-structured-search-product-responsive__form-filters__select-container .c-custom-select
{
    max-width: 19.5rem;
}
.c-structured-search-product-responsive__form-filters__buttons-container
{
    width: 20%;
    margin-left: 7rem;

    text-align: right;
}
.c-structured-search-product-responsive__form-filters__buttons-container .c-btn + .c-btn
{
    margin-left: 2rem;
}
.c-structured-search-product-responsive__form-filters__label
{
    font-size: 1.6rem;
    line-height: 1.25; 

    margin: 0;
    margin-bottom: 2.4rem;

    letter-spacing: .06rem;

    color: #525668;
}
.c-structured-search-product-responsive__form-filters__select-label
{
    font-size: 1.1rem;
    line-height: 1.2; 

    position: absolute;
    top: -2.7rem;
    left: 1.6rem;

    color: #525668;
}
.c-structured-search-product-responsive__form-filters__current-filters-reset-container
{
    display: flex;

    align-items: center;
}
.c-structured-search-product-responsive__form-filters__reset-container
{
    text-align: right;

    flex: 1;
}
.c-structured-search-product-responsive__form-filters__current-filters-container
{
    padding-top: 5.2rem;
    padding-bottom: 4rem;
}
.c-structured-search-product-responsive__form-filters__current-filter
{
    font-size: 1.4rem;
    line-height: 1.21; 

    padding: .8rem;

    color: #3b3e4d;
}
.c-structured-search-product-responsive__form-filters__current-filter--content
{
    margin-left: 1.5rem;
    padding: .8rem;

    color: #fff; 
    border-radius: .4rem;
    background-color: #255b8e;
}
.c-structured-search-product-responsive__form-filters__current-filter + .c-structured-search-product-responsive__form-filters__current-filter
{
    margin-left: 1.5rem;
}
.c-structured-search-product-responsive__form-filters__remove-icon
{
    width: 1.4rem;
    height: auto;
    margin-left: .7rem;
}

/* ==========================================================================
   # Structured search product
   ========================================================================== */
/*
---
name: Structured search product
category: 03 - Organisms
---

Normal
```structured-search-tabs.html
<div class="c-structured-search-tabs c-layer ">
  <h2 class="c-structured-search-tabs__title">Product, services and support from Safran</h2>
  <div class="o-grid c-structured-search-tabs__search">
    <div class=" u-1/1@table">
      <label>Type</label>
      <select class="js-custom-select u-hidden-visually" multiple="">
        <option>All types</option>
        <option>Type 1</option>
        <option>Type 2</option>
      </select>
      <div class="c-custom-select">
        <div class="c-custom-select__title"></div>
        <ul class="c-custom-select__list">
          <li class="c-custom-select__item">All types</li>
          <li class="c-custom-select__item">Type 1</li>
          <li class="c-custom-select__item">Type 2</li>
        </ul>
      </div>
    </div>
    <div class="u-2/4 u-1/1@tablet">
      <div class="c-searchbar">

        <label class="c-input">
          <input type="text" class="c-input__input">
          <span class="c-input__label">Search</span>
        </label>

        <button class="c-btn c-btn--primary c-btn--search "></button>

      </div>
    </div>
  </div>
  <div class="o-grid c-structured-search-tabs__filter">
    <div class="u-1/3 u-1/1@tablet">
      <select class="js-custom-select u-hidden-visually" multiple="">
        <option>Entity</option>
        <option>Entity 2</option>
        <option>Entity 3</option>
      </select>
      <div class="c-custom-select">
        <div class="c-custom-select__title"></div>
        <ul class="c-custom-select__list">
          <li class="c-custom-select__item">Entity</li>
          <li class="c-custom-select__item">Entity 2</li>
          <li class="c-custom-select__item">Entity 3</li>
        </ul>
      </div>
    </div>
    <div class="u-1/3 u-1/1@tablet">
      <label>Program</label>
      <select class="js-custom-select u-hidden-visually" multiple="">
        <option></option>
        <option>Program 1</option>
        <option>Program 2</option>
      </select>
      <div class="c-custom-select">
        <div class="c-custom-select__title"></div>
        <ul class="c-custom-select__list">
          <li class="c-custom-select__item"></li>
          <li class="c-custom-select__item">Program 1</li>
          <li class="c-custom-select__item">Program 2</li>
        </ul>
      </div>
    </div>
    <div class="u-1/3 u-1/1@tablet">
      <label>Category</label>
      <select class="js-custom-select u-hidden-visually" multiple="">
        <option>All Category</option>
        <option>Category 1</option>
        <option>Category 2</option>
        <option>Category 3</option>
      </select>
      <div class="c-custom-select">
        <div class="c-custom-select__title"></div>
        <ul class="c-custom-select__list">
          <li class="c-custom-select__item">All Category</li>
          <li class="c-custom-select__item">Category 1</li>
          <li class="c-custom-select__item">Category 2</li>
          <li class="c-custom-select__item">Category 3</li>
        </ul>
      </div>
    </div>
  </div>
  <div class="c-structured-search-tabs__link-container">
    <div>
      <a href="#" class="c-structured-search-tabs__link">Landing</a>
      <a href="#" class="c-structured-search-tabs__link">Lakota</a>
      <a href="#" class="c-structured-search-tabs__link">Lorem</a>
    </div>
    <div>
      <a href="#" class="c-btn c-btn--simple">Reset filters</a>
      <a class="c-btn c-btn--primary c-btn--icon  c-btn--icon-search" href="#">
        Search
      </a>
    </div>
  </div>
</div>
```

*/
.c-structured-search-tabs
{
    padding-bottom: .3rem;
}
@media (max-width: 63.99em)
{
    .c-structured-search-tabs
    {
        display: none;

        padding-bottom: 2rem;
    }
}
.c-structured-search-tabs.c-structured-search-tabs--list-videos .c-structured-search-tabs__title
{
    padding: 4rem 2rem 0 2rem;
}
@media screen and (min-width: 769px) and (max-width: 1023px)
{
    .c-structured-search-tabs.c-structured-search-tabs--list-videos .c-structured-search-tabs__title
    {
        padding: 4rem 4rem 0 4rem;
    }
}
@media (min-width: 64em)
{
    .c-structured-search-tabs.c-structured-search-tabs--list-videos .c-structured-search-tabs__title
    {
        padding: 12rem 8rem 8rem 8rem;
    }
}
@media (max-width: 63.99em)
{
    .c-structured-search-tabs.c-structured-search-tabs--list-videos
    {
        display: block;
    }
}
.c-structured-search-tabs--dark .c-structured-search-tabs__title h1,
.c-structured-search-tabs--dark .c-structured-search-tabs__title h2
{
    font-size: 2.4rem;
    line-height: 3rem;

    margin: 0; 

    letter-spacing: 0;

    color: #fff;
}
@media (min-width: 64em)
{
    .c-structured-search-tabs--dark .c-structured-search-tabs__title h1,
    .c-structured-search-tabs--dark .c-structured-search-tabs__title h2
    {
        font-size: 3.6rem;
        line-height: 4.2rem;
    }
}
.c-structured-search-tabs--dark .c-structured-tab-filters__form-filters__current-filter--container span
{
    color: #d1d6e6;
}
.c-structured-search-tabs--dark .c-structured-tab-filters__form-filters__reset-container .c-btn--reset
{
    color: #7fb8e7;
}
.c-structured-search-tabs--dark .c-structured-tab-filters__form-filters__reset-container a
{
    color: #fff;
}
.c-structured-search-tabs--dark .c-structured-tab-filters__container
{
    border-top: inherit;
}
.c-structured-search-tabs--dark .c-structured-tab-filters__items
{
    background-color: #3b3e4d;
}
.c-structured-search-tabs--dark .c-structured-tab-filters__item
{
    color: #fff;
}
.c-structured-search-tabs--dark .c-structured-tab-filters__item--active
{
    color: #7fb8e7;
}
.c-structured-search-tabs--dark .c-structured-tab-filters .c-tag-filters__item.is-active .c-tag-filters__item__content
{
    background-color: #255b8e;
}
.c-structured-search-tabs--dark .c-structured-tab-filters .c-tag-filters__item__content
{
    background-color: rgba(255, 255, 255, .07);
}
.c-structured-search-tabs--dark .c-structured-tab-filters .c-tag-filters__item__content label
{
    color: #fff;
}
.c-structured-search-tabs--dark .c-structured-tab-filters .c-tag-filters__item__content:hover
{
    background-color: rgba(255, 255, 255, .15);
}
.c-structured-search-tabs--dark .c-structured-tab-filters .c-date-slider .irs--round .irs-from,
.c-structured-search-tabs--dark .c-structured-tab-filters .c-date-slider .irs--round .irs-to,
.c-structured-search-tabs--dark .c-structured-tab-filters .c-date-slider .irs--round .irs-single
{
    color: #fff;
}
.c-structured-search-tabs--dark .c-structured-tab-filters .c-custom-select-wrapper
{
    background-color: rgba(255, 255, 255, .07);
}
.c-structured-search-tabs--dark .c-structured-tab-filters .c-custom-select-wrapper label
{
    color: #d1d6e6;
}
.c-structured-search-tabs--dark .c-structured-tab-filters .c-custom-select-wrapper label.focused
{
    color: #7fb8e7;
}
.c-structured-search-tabs--dark .c-structured-tab-filters .c-custom-select-wrapper .c-custom-select
{
    border: .1rem solid rgba(255, 255, 255, 0);
}
.c-structured-search-tabs--dark .c-structured-tab-filters .c-custom-select-wrapper .c-custom-select__title
{
    color: #fff;
}
.c-structured-search-tabs--dark .c-structured-tab-filters .c-custom-select-wrapper .c-custom-select__list
{
    border: .1rem solid #3b3e4d; 
    background: #3b3e4d;
}
.c-structured-search-tabs--dark .c-structured-tab-filters .c-custom-select-wrapper .c-custom-select__item
{
    color: #fff;
}
.c-structured-search-tabs--dark .c-structured-tab-filters .c-custom-select-wrapper .c-custom-select__item:hover,
.c-structured-search-tabs--dark .c-structured-tab-filters .c-custom-select-wrapper .c-custom-select__item:focus
{
    background: rgba(255, 255, 255, .03);
}
.c-structured-search-tabs--dark .c-structured-tab-filters .c-custom-select-wrapper .c-custom-select__checkbox
{
    border: .1rem solid #525668;
}
.c-structured-search-tabs--dark .c-structured-tab-filters .c-custom-select-wrapper input[type='text']
{
    color: #fff;
    background-color: rgba(255, 255, 255, .07);
}
.c-structured-search-tabs--dark .c-structured-tab-filters .c-custom-select-wrapper .c-custom-select__item--selected .c-custom-select__checkbox
{
    border: .1rem solid #255b8e !important;
}
.c-structured-search-tabs--dark .c-structured-tab-filters .c-custom-select-wrapper .c-custom-select__item--selected .c-custom-select__checkbox:after
{
    border-color: #255b8e;
}
.c-structured-search-tabs__search
{
    padding-bottom: 4rem;
}
.c-structured-search-tabs__search .c-structured-search-product__form-filters__select-container
{
    width: 100%;
    max-width: 100%;
    padding: 0;
}
.c-structured-search-tabs__search .c-custom-select
{
    min-width: 14rem;
    max-height: 5.2rem;

    background: #fff;
}
@media (max-width: 63.99em)
{
    .c-structured-search-tabs__search .c-custom-select
    {
        margin-bottom: 2rem;
    }
}
.c-structured-search-tabs__search .c-input__input
{
    min-height: 5.2rem;
}
.c-structured-search-tabs__search .c-btn--search
{
    min-height: 5.2rem;

    border-left: none;
}
.c-structured-search-tabs__search.o-grid
{
    align-items: flex-end;
}
@media (max-width: 63.99em)
{
    .c-structured-search-tabs__search.o-grid
    {
        padding-left: 0;
    }
}
.c-structured-search-tabs__search.o-grid > *
{
    padding: 0;
}
@media (max-width: 63.99em)
{
    .c-structured-search-tabs__search.o-grid > *
    {
        width: 100%;
        padding: 0 1rem;
    }
}
.c-structured-search-tabs__searchbar-filter-wrapper .c-btn.c-btn--primary.c-btn--filter
{
    display: none;
}
.c-structured-search-tabs__searchbar-filter-wrapper .c-structured-search-tabs__searchbar-wrapper
{
    margin-bottom: 2rem;
}
@media (max-width: 47.99em)
{
    .c-structured-search-tabs__searchbar-filter-wrapper
    {
        display: flex;
    }
    .c-structured-search-tabs__searchbar-filter-wrapper .c-structured-search-tabs__searchbar-wrapper
    {
        flex: 1;
    }
    .c-structured-search-tabs__searchbar-filter-wrapper .c-btn.c-btn--primary.c-btn--filter
    {
        display: inline-block;
    }
}
.c-structured-search-tabs__filter
{
    margin-top: 2rem;
}
.c-structured-search-tabs__filter .c-custom-select
{
    background: #fff;
}
.c-structured-search-tabs__filter.o-grid
{
    padding-left: 4rem; 

    align-items: flex-end;
}
@media (max-width: 63.99em)
{
    .c-structured-search-tabs__filter.o-grid
    {
        padding-left: 0;
    }
}
.c-structured-search-tabs__filter.o-grid > *
{
    padding: 0 4rem 0 0;
}
.c-structured-search-tabs__filter.o-grid > *:last-child
{
    padding-right: 0;
}
@media (max-width: 63.99em)
{
    .c-structured-search-tabs__filter.o-grid > *:last-child
    {
        padding-right: 2rem;
    }
}
@media (max-width: 63.99em)
{
    .c-structured-search-tabs__filter.o-grid > *
    {
        padding: 0 2rem;
    }
}
.c-structured-search-tabs--dark .c-structured-search-tabs__title
{
    color: #fff;
}
.c-structured-search-tabs--dark .c-custom-select-wrapper
{
    background-color: transparent;
}
.c-structured-search-tabs__title
{
    margin: 0;
}
@media (max-width: 63.99em)
{
    .c-structured-search-tabs__title
    {
        font-size: 2.4rem;
    }
}
.c-structured-search-tabs__link
{
    font-size: 1.4rem; 

    position: relative;

    margin-right: 3rem;

    color: #1b1d27;
}
.c-structured-search-tabs__link::before
{
    font-family: 'icomoon' !important;
    font-size: 1.2rem; 

    margin-right: .5rem;

    content: '';
}
.c-structured-search-tabs__link-container
{
    display: flex;

    margin-top: 7rem; 
    padding-left: 2rem;

    align-items: center;
    justify-content: space-between;
}
@media (max-width: 63.99em)
{
    .c-structured-search-tabs__link-container
    {
        margin-top: 4rem;

        text-align: center;
    }
}
.c-structured-search-tabs .c-btn
{
    display: inline-flex;
}
.c-structured-search-tabs__form-filters
{
    padding-top: 3rem;

    border-top: .5rem solid #fff;
}
@media (max-width: 47.99em)
{
    .c-structured-search-tabs__form-filters
    {
        display: none;
    }
}
.c-structured-search-tabs__form-filters__main-nav-container
{
    display: flex;

    justify-content: space-between;
}
.c-structured-search-tabs__form-filters__select-containers
{
    display: flex;

    margin: 0 -1.5rem; 

    flex: 1;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.c-structured-search-tabs__form-filters__select-container
{
    position: relative;

    margin-bottom: 2rem; 
    padding: 0 1.5rem;
}
.c-structured-search-tabs__form-filters__select-container .c-custom-select
{
    width: 19.5rem;
}
.c-structured-search-tabs__form-filters__buttons-container
{
    width: 20%;
    min-width: 21rem;
    margin-left: 2rem;

    text-align: right;
}
@media (min-width: 64em)
{
    .c-structured-search-tabs__form-filters__buttons-container
    {
        flex: .3;
    }
}
@media (min-width: 87.5em)
{
    .c-structured-search-tabs__form-filters__buttons-container
    {
        margin-left: 2rem; 

        flex: .2;
    }
}
.c-structured-search-tabs__form-filters__buttons-container > *
{
    float: right; 

    margin-left: 2rem;
}
.c-structured-search-tabs__form-filters__label
{
    font-size: 1.6rem;
    line-height: 1.25; 

    margin: 0;
    margin-bottom: 2.4rem;

    letter-spacing: .06rem;

    color: #525668;
}
.c-structured-search-tabs__form-filters__select-label
{
    font-size: 1.1rem;
    line-height: 1.2; 

    position: absolute;
    top: -2.7rem;
    left: 1.6rem;

    color: #525668;
}
.c-structured-search-tabs__form-filters__current-filters-reset-container
{
    display: flex;

    padding-top: 1.2rem; 

    align-items: center;
}
.c-structured-search-tabs__form-filters__reset-container
{
    text-align: right;

    flex: 1;
}
.c-structured-search-tabs__form-filters__current-filters-container
{
    padding-top: 4rem;
    padding-bottom: 4rem;
}
.c-structured-search-tabs__form-filters__current-filter
{
    font-size: 1.4rem;
    line-height: 1.21; 

    padding: .8rem;

    color: #3b3e4d;
}
.c-structured-search-tabs__form-filters__current-filter--content
{
    margin-left: 1.5rem;
    padding: .8rem;

    color: #fff; 
    border-radius: .4rem;
    background-color: #255b8e;
}
.c-structured-search-tabs__form-filters__current-filter + .c-structured-search-tabs__form-filters__current-filter
{
    margin-left: 1.5rem;
}
.c-structured-search-tabs__form-filters__remove-icon
{
    width: 1.4rem;
    height: auto;
    margin-left: .7rem;
}

.c-structured-search-results__header
{
    display: flex;
    flex-direction: row;

    padding: 0 0 1rem 0;

    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
@media (min-width: 64em)
{
    .c-structured-search-results__header
    {
        padding: 1rem 0 3rem 0;
    }
}
.c-structured-search-results__header .c-structured-search-product__form-filters__select-container
{
    padding: 0;
}
.c-structured-search-results__header__text
{
    font-size: 1.8rem;

    display: flex;

    margin-bottom: .8rem; 

    color: #525668;
    border: none;
    background: none;
}
.c-structured-search-results__header__text span
{
    font-weight: normal;

    margin-right: .4rem; 

    color: #255b8e;
}
@media (max-width: 63.99em)
{
    .c-structured-search-results__header__text
    {
        font-size: 1.4rem;

        letter-spacing: .053rem;
    }
}
.c-structured-search-results__header__text--arrow::after
{
    font-family: 'icomoon' !important;
    font-size: 1.1rem;

    margin: .5rem 0 0 .5rem;

    content: '';
    transform: rotate(90deg); 

    color: #525668;
}
.c-structured-search-results__header__select__container
{
    min-width: 20rem; 

    text-overflow: ellipsis;
}
.c-structured-search-results__header__select__container .c-structured-search-product__form-filters__select-container
{
    width: 100%;
    max-width: 100%;
    padding: 0;
}
@media (min-width: 48em)
{
    .c-structured-search-results__header__select__container
    {
        min-width: 23rem;
    }
}
.c-structured-search-results__header__select__container .c-custom-select__options-container
{
    padding-bottom: 0;
}
@media (max-width: 47.99em)
{
    .c-structured-search-results__header__select__container .c-custom-select__title
    {
        font-size: 1.3rem;
    }
}

.c-structured-search-results__item
{
    transition: background-color .3s ease; 

    border-bottom: .1rem solid #d1d6e6;
}
.c-structured-search-results__item:last-child
{
    border-bottom: 0;
}
.c-structured-search-results__item:hover
{
    background-color: #f9fafc;
}
@media (max-width: 63.99em)
{
    .c-structured-search-results__item:hover
    {
        background-color: inherit;
    }
}
.c-structured-search-results__item:hover .c-search-result__content__title
{
    color: #255b8e;
}
.c-structured-search-results__item.no-link
{
    cursor: default;
}
.c-structured-search-results__item.no-link:hover
{
    color: initial;
}
.c-structured-search-results__item.no-link .c-search-result
{
    cursor: default;
}
.c-structured-search-results__item.job-offer .c-search-result__content__excerpt
{
    display: -webkit-box;
    overflow: hidden;

    text-overflow: ellipsis; 

    -webkit-line-clamp: 1;
            line-clamp: 1;
    -webkit-box-orient: vertical;
}

.c-structured-search-results__pagination-wrapper
{
    margin-bottom: 4rem;
}
.c-structured-search-results__pagination-wrapper .c-btn
{
    padding-left: 0;
}
@media (max-width: 63.99em)
{
    .c-structured-search-results__pagination-wrapper
    {
        margin-bottom: 1.6rem;
    }
    .c-structured-search-results__pagination-wrapper .c-btn
    {
        padding-left: 4rem;
    }
}

/* ==========================================================================
   # Structured search FAQ
   ========================================================================== */
.c-structured-search-faq
{
    padding-bottom: .3rem;
}
.c-structured-search-faq__search
{
    padding-top: 6rem;
    padding-bottom: 4rem;
}
@media (max-width: 63.99em)
{
    .c-structured-search-faq__search
    {
        padding: 2rem;
        padding-top: 1rem;
    }
}
.c-structured-search-faq__search .c-input__input
{
    min-height: 5.2rem;
}
.c-structured-search-faq__search .c-btn--search
{
    min-height: 5.2rem;

    border-left: none;
}
.c-structured-search-faq__search.o-grid
{
    padding-left: 4rem; 

    align-items: flex-end;
}
@media (max-width: 63.99em)
{
    .c-structured-search-faq__search.o-grid
    {
        padding-left: 2rem;
    }
}
.c-structured-search-faq__search.o-grid > *
{
    padding: 0;
}
@media (max-width: 63.99em)
{
    .c-structured-search-faq__search.o-grid > *
    {
        width: 100%;
        padding: 0 1rem;
    }
}
.c-structured-search-faq__searchbar-filter-wrapper
{
    position: relative;
}
.c-structured-search-faq__searchbar-filter-wrapper .c-searchbar__input-type-search
{
    position: absolute;
    top: 0;
    right: 0;
}
@media (max-width: 47.99em)
{
    .c-structured-search-faq__searchbar-filter-wrapper .c-structured-search-faq__searchbar-wrapper
    {
        padding-right: .5rem; 

        flex: 1;
    }
    .c-structured-search-faq__searchbar-filter-wrapper .c-btn.c-btn--primary.c-btn--filter
    {
        display: inline-block;
    }
}
.c-structured-search-faq__filter
{
    margin-top: 2rem;
}
.c-structured-search-faq__filter.o-grid
{
    padding-left: 4rem; 

    align-items: flex-end;
}
@media (max-width: 63.99em)
{
    .c-structured-search-faq__filter.o-grid
    {
        padding-left: 0;
    }
}
.c-structured-search-faq__filter.o-grid > *
{
    padding: 0 4rem 0 0;
}
.c-structured-search-faq__filter.o-grid > *:last-child
{
    padding-right: 0;
}
@media (max-width: 63.99em)
{
    .c-structured-search-faq__filter.o-grid > *:last-child
    {
        padding-right: 2rem;
    }
}
@media (max-width: 63.99em)
{
    .c-structured-search-faq__filter.o-grid > *
    {
        padding: 0 2rem;
    }
}
.c-structured-search-faq--dark .c-structured-search-faq__title
{
    color: #fff;
}
.c-structured-search-faq__title
{
    margin: 0;
}
@media (max-width: 63.99em)
{
    .c-structured-search-faq__title
    {
        font-size: 2.4rem;
    }
}
.c-structured-search-faq__link
{
    font-size: 1.4rem; 

    position: relative;

    margin-right: 3rem;

    color: #1b1d27;
}
.c-structured-search-faq__link::before
{
    font-family: 'icomoon' !important;
    font-size: 1.2rem; 

    margin-right: .5rem;

    content: '';
}
.c-structured-search-faq__link-container
{
    display: flex;

    margin-top: 7rem; 
    padding-left: 2rem;

    align-items: center;
    justify-content: space-between;
}
@media (max-width: 63.99em)
{
    .c-structured-search-faq__link-container
    {
        margin-top: 4rem;

        text-align: center;
    }
}
.c-structured-search-faq .c-btn
{
    display: inline-flex;
}
.c-structured-search-faq__form-filters
{
    padding-top: 3rem;

    text-align: center; 

    border-top: .5rem solid #fff;
}
.c-structured-search-faq__form-filters__main-nav-container
{
    display: flex;

    justify-content: space-between;
}
.c-structured-search-faq__form-filters__checkboxes-containers
{
    display: flex;

    padding-bottom: 2rem; 

    flex: 1;
    flex-wrap: wrap;
    justify-content: center;
}
.c-structured-search-faq__form-filters__checkbox-container
{
    position: relative;

    display: flex;
    flex-direction: column;

    width: calc(20% - 2.5rem);
    margin-right: 2.5rem;
    margin-bottom: 2.5rem;
    padding: 25px 0;

    cursor: pointer; 
    transition: box-shadow .6s ease-in-out;

    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 14px 12px 0 rgba(59, 135, 204, .12);

    align-items: center;
    justify-content: center;
}
.c-structured-search-faq__form-filters__checkbox-container.is-checked
{
    background-color: #3b87cc;
    box-shadow: none;
}
.c-structured-search-faq__form-filters__checkbox-container.is-checked .active
{
    display: block;
}
.c-structured-search-faq__form-filters__checkbox-container.is-checked .inactive
{
    display: none;
}
.c-structured-search-faq__form-filters__checkbox-container.is-checked span
{
    color: #fff;
}
.c-structured-search-faq__form-filters__checkbox-container:focus-within
{
    outline: 5px auto Highlight;
    outline: 5px auto -webkit-focus-ring-color;
}
.c-structured-search-faq__form-filters__checkbox-container img
{
    width: 36px;
    height: 36px;
    margin-bottom: 1rem;
}
.c-structured-search-faq__form-filters__checkbox-container img.active
{
    display: none;
}
.c-structured-search-faq__form-filters__checkbox-container img.inactive
{
    display: block;
}
.c-structured-search-faq__form-filters__checkbox-container span
{
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 2.5rem; 

    letter-spacing: 2.32px;
}
.c-structured-search-faq__form-filters__checkbox-container input[type=checkbox]
{
    position: absolute;

    clip: rect(0, 0, 0, 0);

    pointer-events: none;
}
@media (max-width: 63.99em)
{
    .c-structured-search-faq__form-filters__checkbox-container
    {
        flex-direction: row;

        width: calc(50% - 20px);
        height: 13px;
        margin-right: 1rem;
        margin-bottom: .6rem;
        margin-left: 1rem;

        transition: all .5s ease-in-out; 

        justify-content: left;
    }
    .c-structured-search-faq__form-filters__checkbox-container img,
    .c-structured-search-faq__form-filters__checkbox-container svg
    {
        width: 24.75px;
        height: 24.75px;
        margin-bottom: 0;
        margin-left: 1.5rem;
    }
    .c-structured-search-faq__form-filters__checkbox-container span
    {
        margin-left: 1.5rem;
    }
}
.c-structured-search-faq__form-filters__buttons-container
{
    width: 20%;
    min-width: 21rem;
    margin-left: 2rem;

    text-align: right;
}
@media (min-width: 64em)
{
    .c-structured-search-faq__form-filters__buttons-container
    {
        flex: .3;
    }
}
@media (min-width: 87.5em)
{
    .c-structured-search-faq__form-filters__buttons-container
    {
        margin-left: 2rem; 

        flex: .2;
    }
}
.c-structured-search-faq__form-filters__buttons-container > *
{
    float: right; 

    margin-left: 2rem;
}
.c-structured-search-faq__form-filters__label
{
    font-size: 1.6rem;
    line-height: 1.25; 

    margin: 0;
    margin-top: 1rem;
    margin-bottom: 4rem;

    letter-spacing: .06rem;

    color: #525668;
}
@media (max-width: 63.99em)
{
    .c-structured-search-faq__form-filters__label
    {
        margin-top: 0rem;
        margin-bottom: 2.5rem;
    }
}

/* ==========================================================================
   # Structured search Historcial Events list
   ========================================================================== */
@media (min-width: 64em)
{
    .list_historical_event .c-structured-search-tabs.c-structured-search-tabs--list-videos .c-structured-search-tabs__title
    {
        padding: 8rem;
    }
}

.historical-event-search-form.c-structured-search .search-form--desktop
{
    display: flex;

    padding: 4rem; 

    justify-content: center;
}

.historical-event-search-form.c-structured-search .form-actions-wrapper
{
    margin-top: 0;

    border-color: #1b1d27; 
    background-color: #272935;
}

.historical-event-search-form.c-structured-search .c-custom-select-wrapper__label
{
    color: white;
}

.historical-event-search-form.c-structured-search .c-custom-toggle--wrapper
{
    display: flex;

    padding-right: 2.5rem; 

    align-items: center;
}

.historical-event-search-form.c-structured-search .c-custom-toggle-checkbox_wrapper-label
{
    margin-bottom: 0;
}

.historical-event-search-form.c-structured-search .c-custom-toggle-checkbox
{
    height: 12px;
    padding: 0;
}

.historical-event-search-form.c-structured-search .c-custom-toggle-checkbox_label:before
{
    background-color: rgba(242, 242, 242, .15);
}

.historical-event-search-form.c-structured-search .c-custom-toggle-checkbox_input:checked + .c-custom-toggle-checkbox_label:before
{
    background-color: rgba(38, 150, 255, .15);
}

.historical-event-search-form.c-structured-search .c-custom-toggle-checkbox_wrapper-label
{
    font-size: 1.4rem;

    cursor: pointer; 

    color: #fff;
}

.historical-event-search-form.c-structured-search .c-custom-toggle-checkbox_label span
{
    color: #fff;
}

.historical-event-search-form.c-structured-search .select2-container--default .select2-selection--multiple
{
    border-radius: 0;
}

.historical-event-search-mobile-form .c-custom-toggle--wrapper
{
    display: flex;

    height: 26px; 
    margin-bottom: 2.8rem;
    padding: 0;
    padding-right: 2.5rem;
    padding-left: 2.2rem;

    align-items: center;
}

.historical-event-search-mobile-form .c-custom-toggle-checkbox
{
    margin-top: -16px;
}

.historical-event-search-mobile-form .c-custom-toggle-checkbox_wrapper-label
{
    padding-right: 2.5rem;
}
.historical-event-search-mobile-form .c-custom-toggle-checkbox_wrapper-label label
{
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.67rem;

    letter-spacing: .26rem;
    text-transform: uppercase;

    color: #1b1d27;
}

.historical-event-search-mobile-form .c-custom-toggle-checkbox_input
{
    width: 0;
    height: 0;
}

.u-bg--dark .c-structured-search-tabs__title
{
    padding-bottom: 8rem; 

    color: white;
}

.implantation-multi main[role='main']
{
    padding-top: 5.6rem;
}
@media (min-width: 48em)
{
    .implantation-multi main[role='main']
    {
        padding-top: 7.7rem;
    }
}

.c-structured-implantation
{
    display: flex;
    flex-direction: row;
}
.c-structured-implantation__item
{
    position: relative;

    display: flex;
    flex-direction: column;

    justify-content: center;
}
.c-structured-implantation__item .c-structured-search
{
    padding-bottom: 0;
}
@media (max-width: 63.99em)
{
    .c-structured-implantation__item
    {
        overflow: hidden;
    }
    .c-structured-implantation__item--detailed
    {
        width: 100%;
    }
}
@media (min-width: 64em)
{
    .c-structured-implantation__item
    {
        height: auto !important; 

        opacity: 1 !important;
    }
    .c-structured-implantation__item:first-child
    {
        width: 45% !important;
    }
    .c-structured-implantation__item:last-child
    {
        width: 55% !important;
    }
    .c-structured-implantation__item--detailed:first-child,
    .c-structured-implantation__item--detailed:last-child
    {
        width: 100% !important;
    }
}
.c-structured-implantation__item__search
{
    padding: 4rem 4rem 2.5rem 4rem;

    border-bottom: 1px solid #d1d6e6; 
    background-color: #f9fafc;
}
.c-structured-implantation__item__search__top
{
    display: flex;
    flex-direction: column;
}
.c-structured-implantation__item__search__top .c-searchbar
{
    margin: 0;
}
.c-structured-implantation__item__search__top .c-searchbar .icon
{
    font-size: 2rem;

    position: absolute;
    z-index: 1;
    top: 1.5rem;
    right: 1.5rem;

    pointer-events: none; 

    color: #fff;
}
.c-structured-implantation__item__search__top .c-input__input
{
    padding-right: 0;
}
.c-structured-implantation__item__search__top .c-structured-search-product__form-filters__main-nav-container
{
    width: 100%;
}
.c-structured-implantation__item__search__top .c-btn--filter
{
    display: flex;

    width: 100%;

    align-items: center;
    justify-content: center;
}
.c-structured-implantation__item__search__top .c-btn--filter img
{
    margin-right: 2.4rem;
}
.c-structured-implantation__item__search__top .c-btn--filter:after
{
    background: linear-gradient(46.65deg, #0f60a7 0%, #23588b 100%);
}
.c-structured-implantation__item__search__top .c-btn--search
{
    background: linear-gradient(46.65deg, #0f60a7 0%, #23588b 100%);
}
.c-structured-implantation__item__search__top button.mobile
{
    display: none;
}
@media (max-width: 63.99em)
{
    .c-structured-implantation__item__search__top
    {
        justify-content: space-between;
    }
    .c-structured-implantation__item__search__top .c-input
    {
        flex-basis: calc(100% - 6rem);
    }
    .c-structured-implantation__item__search__top .c-btn
    {
        height: 5.2rem;
        min-height: 0; 
        padding: 0;

        flex-basis: 5.2rem;
    }
}
.c-structured-implantation__item__search__bottom
{
    display: flex;
    flex-direction: row;

    margin-top: 2.5rem; 

    align-items: center;
    justify-content: space-between;
}
.c-structured-implantation__item__search__bottom span
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.8rem;
    line-height: 2.6rem;

    color: #1b1d27;
}
.c-structured-implantation__item__search__bottom span span
{
    font-size: 2rem;

    color: #255b8e;
}
.c-structured-implantation__item__filter
{
    position: absolute;
    top: 24.2rem;
    left: -1000px;

    display: none;
    overflow: auto;

    height: 79.1rem;
    padding: 4rem 4rem 2.5rem 4rem;

    transition: left .5s ease-in-out; 

    background-color: #fff;
}
@media (max-width: 63.99em)
{
    .c-structured-implantation__item__filter
    {
        top: 0 !important;

        height: 100vh;
    }
}
.c-structured-implantation__item__filter--field
{
    margin-bottom: 4.5rem;
}
.c-structured-implantation__item__filter--field .c-structured-search-product__form-filters__select-container
{
    width: 100%;
    max-width: 100%;
}
.c-structured-implantation__item__filter--field .c-custom-select__options-container.ps
{
    padding-bottom: 0;
}
.c-structured-implantation__item__filter--close
{
    position: relative;

    display: flex;

    margin-right: -2rem; 
    margin-bottom: 4.3rem;

    justify-content: flex-end;
}
.c-structured-implantation__item__filter--close .icon
{
    cursor: pointer;

    color: #525668; 

    touch-action: manipulation;
}
.c-structured-implantation__item__filter--results
{
    display: flex;

    margin-top: .5rem;
}
@media (max-width: 63.99em)
{
    .c-structured-implantation__item__filter--results
    {
        flex-direction: column;
    }
}
@media (max-width: 63.99em)
{
    .c-structured-implantation__item__filter--results-item
    {
        margin: 1rem 0;
    }
}
.c-structured-implantation__item__filter--results-item:not(:last-child)
{
    margin-right: 4rem;
}
.c-structured-implantation__item__filter--results-item .type
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.4rem;
    line-height: 1.7rem;

    letter-spacing: 0;

    color: #3b3e4d;
}
.c-structured-implantation__item__filter--results-item .type span
{
    margin-left: 1.5rem;
    padding: .8rem;

    color: #fff;
    border-radius: 4px;
    background-color: #255b8e;
}
.c-structured-implantation__item__filter--results-item .type span img
{
    width: 1.4rem; 
    margin-left: .8rem;
}
.c-structured-implantation__item__filter--bottom
{
    position: absolute;
    bottom: 4rem;

    display: flex;

    width: calc(100% - 8rem);

    align-items: center;
    justify-content: space-between;
}
@media (max-width: 63.99em)
{
    .c-structured-implantation__item__filter--bottom
    {
        position: relative;
    }
}
.c-structured-implantation__item__filter--bottom-item .c-btn--reset
{
    padding: 0;
}
.c-structured-implantation__item__filter--bottom-item .c-btn--reset:before
{
    display: none;
}
.c-structured-implantation__item__filter--bottom-item .c-btn--reset a:before
{
    font-family: 'icomoon' !important;
    font-size: 2.5rem;
    font-weight: normal;

    display: block;

    margin-right: .3rem;
    margin-bottom: .3rem;

    content: '';
    transition: all 300ms ease-in-out;
}
.c-structured-implantation__item__list.hide-opacity:after
{
    display: none;
}
.c-structured-implantation__item__list:after
{
    position: absolute;
    z-index: 1; 
    bottom: 0;

    display: block;

    width: calc(100% - .8rem);
    height: 6rem;

    content: '';

    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
}
@media (max-width: 47.99em)
{
    .c-structured-implantation__item__list:after
    {
        display: none;
    }
}
.c-structured-implantation__item__list--detailed:after
{
    display: none;
}
.c-structured-implantation__item__list__container
{
    position: relative; 

    display: block;
    overflow-x: hidden;
    overflow-y: auto;

    height: 65rem;
}
.c-structured-implantation__item__list__container--detailed
{
    overflow: initial; 

    width: 100%;
    height: auto;
}
.c-structured-implantation__item__list__container--detailed > .js-load-more--container
{
    width: 100%;
}
.c-structured-implantation__item__list__container--detailed > .js-load-more--container > .js-see-more-container
{
    display: flex;

    width: 100%;

    flex-flow: row wrap;
}
@media (max-width: 63.99em)
{
    .c-structured-implantation__item__list__container--detailed > .js-load-more--container > .js-see-more-container
    {
        flex-flow: column;
    }
}
.c-structured-implantation__item__list__container::-webkit-scrollbar-track
{
    position: absolute;
    top: 0;
    left: 0;

    width: .8rem;

    border-radius: 6px; 
    background-color: #3b3e4d;
}
.c-structured-implantation__item__list__container::-webkit-scrollbar
{
    position: absolute;
    top: 0;
    left: 0;

    width: .8rem;

    background-color: transparent;
}
.c-structured-implantation__item__list__container::-webkit-scrollbar-thumb
{
    border-radius: 6px; 
    background-color: #bcbfcf;
}
.c-structured-implantation__item__map
{
    z-index: 1; 

    height: 100%;
}
.c-structured-implantation__item__map--map
{
    height: 100% !important;
}
.c-structured-implantation .c-structured-search-product__form-filters__main-nav-container
{
    display: flex;
    flex-direction: column;
}
.c-structured-implantation .c-structured-implantation__item__filter--bottom .c-submit .input-wrapper .c-btn--primary-input-type-submit
{
    background: linear-gradient(45deg, #073a7c, #1767ad 60%, #255b8e);
}
.c-structured-implantation .c-layer
{
    padding-right: 0; 
    padding-bottom: 0;
    padding-left: 0;
}
@media (max-width: 47.99em)
{
    .c-structured-implantation .c-layer
    {
        padding: 4rem 0;
        padding-bottom: 0;
    }
}
@media (max-width: 29.99em)
{
    .c-structured-implantation .c-layer
    {
        padding: 4rem 0rem;
        padding-bottom: 0;
    }
}
.c-structured-implantation .c-subtitle
{
    text-align: center;
}
@media (max-width: 47.99em)
{
    .c-structured-implantation .c-subtitle
    {
        font-size: 1.2rem;

        letter-spacing: .4rem;
    }
}
.c-structured-implantation__title
{
    font-size: 2.4rem;

    max-width: 100%;
    margin-top: .5rem;
    margin-bottom: 2rem; 

    text-align: center;
}
@media (min-width: 48em)
{
    .c-structured-implantation__title
    {
        font-size: 3.6rem;
        line-height: 4.2rem; 

        max-width: 60%;
        margin: 1rem auto 4rem;
    }
}
.c-structured-implantation__button-container
{
    margin-right: -8rem;
    margin-left: -8rem; 
    padding-top: 5rem;
}
@media (max-width: 63.99em)
{
    .c-structured-implantation__button-container
    {
        margin-right: -4rem;
        margin-left: -4rem;
    }
}
@media (max-width: 47.99em)
{
    .c-structured-implantation__button-container
    {
        margin-right: -2rem;
        margin-left: -2rem;
        padding-top: 0;
    }
}
@media (max-width: 29.99em)
{
    .c-structured-implantation__button-container
    {
        margin-right: -2rem;
        margin-left: -2rem;
    }
}
@media (max-width: 63.99em)
{
    .c-structured-implantation__button-container.hidden-desktop
    {
        display: none;
    }
}
@media (max-width: 47.99em)
{
    .c-structured-implantation__button-container.hidden-desktop
    {
        display: inherit;
    }
}
@media (max-width: 47.99em)
{
    .c-structured-implantation__button-container .js-load-more--buttons-hidden-responsive
    {
        display: none;
    }
}

@media (max-width: 63.99em)
{
    .c-structured-implantation__item__search
    {
        padding: 0 2rem 2rem 2rem;
    }
    .c-structured-implantation__item__search input[type='submit']
    {
        border-left: 0;
    }
    .c-structured-implantation__item__search__top
    {
        display: flex;
        flex-direction: row;
    }
    .c-structured-implantation__item__search__top .c-searchbar
    {
        width: calc(100% - .5rem);
        margin-right: .5rem;
    }
    .c-structured-implantation__item__search__top .c-searchbar .icon
    {
        color: #525668;
    }
    .c-structured-implantation__item__search__top .c-input__input
    {
        border-right: 0;
    }
    .c-structured-implantation__item__search__top .c-btn--search
    {
        border: .1rem solid #bcbfcf; 
        background: inherit;
        background-color: #fff;
    }
    .c-structured-implantation__item__search__top .c-btn--filter img
    {
        margin-right: 0;
    }
    .c-structured-implantation__item__search__top button
    {
        display: none !important;

        margin-left: .5rem;
    }
    .c-structured-implantation__item__search__top button.mobile
    {
        display: flex !important;

        width: inherit;
    }
    .c-structured-implantation__item__search__bottom span
    {
        font-size: 1.4rem;
        line-height: 1.8rem; 

        letter-spacing: .53px;
    }
    .c-structured-implantation__item__search__bottom span span
    {
        font-size: 1.6rem;
    }
    .c-structured-implantation__item__filter
    {
        position: fixed;
        top: 20.3rem;
    }
    .c-structured-implantation__item__filter--bottom
    {
        position: relative;
        bottom: inherit; 

        width: inherit;
        margin-top: 4rem;
    }
    .c-structured-implantation__item__list__container
    {
        overflow-x: inherit;
        overflow-y: inherit;

        height: 100%;

        white-space: normal;
    }
    .c-structured-implantation__item__list__container--button
    {
        display: flex;
        flex-direction: column;

        margin-top: 4rem;
        margin-bottom: 4rem; 

        align-items: center;
        justify-content: center;
    }
    .c-structured-implantation__item__list__container--button .c-btn
    {
        margin-top: 1rem; 
        padding: 0;
    }
    .c-structured-implantation__item
    {
        height: 50%;
    }
}

@media (max-width: 47.99em)
{
    .c-structured-implantation__item__search
    {
        background-color: #fff;
    }
    .c-structured-implantation__item__search__bottom
    {
        margin-top: 3rem;
    }
    .c-structured-implantation__item__filter
    {
        height: 100%;
        padding: 2rem;
    }
    .c-structured-implantation__item__filter--bottom
    {
        position: relative;
        bottom: inherit; 

        width: inherit;
        margin-top: 4rem;
    }
    .c-structured-implantation__item__filter--close
    {
        margin-right: 0;
    }
}

@media (max-width: 29.99em)
{
    .c-structured-implantation__item__filter--bottom-item .c-btn--primary
    {
        padding: 2rem 1.7rem;
    }
}

@media (max-width: 23.75em)
{
    .c-structured-implantation__item__filter--bottom-item .c-btn--primary
    {
        padding: 2rem 1rem;
    }
    .c-structured-implantation__item__filter--bottom-item .c-btn--reset
    {
        width: -webkit-max-content;
        width:    -moz-max-content;
        width:         max-content;
    }
}

.c-structured-implantation-details
{
    display: flex;
    overflow: hidden; 
    flex-direction: row;

    height: calc(100vh - 22.8rem);

    align-items: flex-start;
}
@media (min-width: 64em)
{
    .c-structured-implantation-details
    {
        min-height: 70rem;
        max-height: 80rem;
    }
}
@media (max-width: 63.99em)
{
    .c-structured-implantation-details
    {
        flex-direction: column;
    }
}
.c-structured-implantation-details__item
{
    position: relative;

    display: flex;
    flex-direction: column;
}
.c-structured-implantation-details__item:first-child
{
    width: 45%;
}
@media (max-width: 63.99em)
{
    .c-structured-implantation-details__item:first-child
    {
        width: 100%;
    }
}
.c-structured-implantation-details__item:last-child
{
    width: 55%;
}
@media (max-width: 63.99em)
{
    .c-structured-implantation-details__item:last-child
    {
        width: 100%;
    }
}
@media (min-width: 64em)
{
    .c-structured-implantation-details__item
    {
        height: 100%;
    }
}
.c-structured-implantation-details__item__top
{
    position: relative;

    display: flex;
    overflow: hidden; 

    align-items: center;
}
@media (max-width: 63.99em)
{
    .c-structured-implantation-details__item__top
    {
        height: 22.5rem;
    }
}
@media (min-width: 87.5em)
{
    .c-structured-implantation-details__item__top
    {
        height: 33rem;
    }
}
.c-structured-implantation-details__item__top img
{
    min-width: 100%;
}
.c-structured-implantation-details__item__list.hide-opacity:after
{
    display: none;
}
.c-structured-implantation-details__item__list:after
{
    position: absolute;
    z-index: 1; 
    bottom: 0;

    display: block;

    width: calc(100% - .8rem);
    height: 6rem;

    content: '';

    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
}
@media (max-width: 63.99em)
{
    .c-structured-implantation-details__item__list:after
    {
        display: none;
    }
}
@media (min-width: 64em)
{
    .c-structured-implantation-details__item__list
    {
        height: calc(100% - 30.6rem);
    }
}
@media (min-width: 87.5em)
{
    .c-structured-implantation-details__item__list
    {
        height: calc(100% - 33rem);
    }
}
.c-structured-implantation-details__item__list__container
{
    display: block;
    overflow-x: hidden;
    overflow-y: auto;

    height: 40vh;
}
@media (min-width: 64em)
{
    .c-structured-implantation-details__item__list__container
    {
        height: 100%;
    }
}
.c-structured-implantation-details__item__list__container::-webkit-scrollbar-track
{
    position: absolute;
    top: 0;
    left: 0;

    width: .8rem;

    border-radius: 6px; 
    background-color: #3b3e4d;
}
.c-structured-implantation-details__item__list__container::-webkit-scrollbar
{
    position: absolute;
    top: 0;
    left: 0;

    width: .8rem;

    background-color: transparent;
}
.c-structured-implantation-details__item__list__container::-webkit-scrollbar-thumb
{
    border-radius: 6px; 
    background-color: #bcbfcf;
}
.c-structured-implantation-details__item__map
{
    height: calc(100vh - 22.8rem);
}
@media (min-width: 64em)
{
    .c-structured-implantation-details__item__map
    {
        min-height: 70rem;
        max-height: 80rem;
    }
}
.c-structured-implantation-details--job-offer
{
    margin-right: 51.5rem; 

    background-color: #f9fafc;

    flex-flow: column;
    align-items: stretch;
}
.c-structured-implantation-details--job-offer .c-structured-implantation-details__item
{
    height: auto;
}
.c-structured-implantation-details--job-offer .c-structured-implantation-details__item:first-child,
.c-structured-implantation-details--job-offer .c-structured-implantation-details__item:last-child
{
    width: 100%;
}
.c-structured-implantation-details--job-offer .c-structured-implantation-details__item:first-child .c-card-job__container
{
    padding: 3rem 4rem 3rem 8rem;
}
.c-structured-implantation-details--job-offer .c-structured-implantation-details__item:first-child .c-card-job__container .c-card-job__container__title
{
    padding-right: 0;
}
@media (max-width: 87.5em)
{
    .c-structured-implantation-details--job-offer .c-structured-implantation-details__item:first-child .c-card-job__container
    {
        padding: 3rem 4rem;
    }
}
.c-structured-implantation-details--job-offer .c-structured-implantation-details__item + .c-structured-implantation-details__item
{
    padding: 0 8rem 8rem;
}
@media (max-width: 87.5em)
{
    .c-structured-implantation-details--job-offer .c-structured-implantation-details__item + .c-structured-implantation-details__item
    {
        padding: .5rem 2rem 2.5rem 2rem;
    }
}
.c-structured-implantation-details--job-offer .c-structured-implantation-details__item__list
{
    height: auto;
}
.c-structured-implantation-details--job-offer .c-structured-implantation-details__item__list:after
{
    display: none;
}
.c-structured-implantation-details--job-offer .c-structured-implantation-details__item .c-card-job__container__address
{
    border-bottom: 0;

    align-items: center;
}
@media (max-width: 79.99em)
{
    .c-structured-implantation-details--job-offer .c-structured-implantation-details__item .c-card-job__container__address
    {
        align-items: flex-start;
    }
}
.c-structured-implantation-details--job-offer .c-comma
{
    margin-right: 3px;
}
.c-structured-implantation-details--job-offer .uppercase
{
    text-transform: uppercase;
}
.c-structured-implantation-details--job-offer .openStreetMap
{
    min-height: 40rem; 
    max-height: 50rem;
}
@media (max-width: 87.5em)
{
    .c-structured-implantation-details--job-offer .openStreetMap
    {
        min-height: 20rem; 
        max-height: 24rem;
    }
}
@media (min-width: 80em)
{
    .c-structured-implantation-details--job-offer
    {
        height: auto;
        min-height: inherit;
        max-height: inherit;
        margin-right: 51.5rem; 
        margin-left: -8rem;
    }
}
@media (max-width: 80em)
{
    .c-structured-implantation-details--job-offer
    {
        height: auto;
        min-height: inherit;
        max-height: inherit;
        margin-right: 51.5rem; 
        margin-left: -4rem;
    }
}
@media (max-width: 64em)
{
    .c-structured-implantation-details--job-offer
    {
        margin-right: 40rem; 
        margin-left: -4rem;
    }
}
@media (max-width: 48em)
{
    .c-structured-implantation-details--job-offer
    {
        margin-right: -4rem; 
        margin-left: -4rem;
    }
}
@media (max-width: 30em)
{
    .c-structured-implantation-details--job-offer
    {
        margin-right: -2rem; 
        margin-left: -2rem;
    }
}

@media (max-width: 63.99em)
{
    .c-structured-implantation-details
    {
        height: inherit;
    }
    .c-structured-implantation-details__item__list__container
    {
        display: inherit;
        overflow: inherit;

        height: inherit;

        white-space: inherit;
    }
}

.block-alert .c-implantation,
.block-alert .c-search-page-title--new
{
    padding-top: 25rem;
}
@media (max-width: 63.99em)
{
    .block-alert .c-implantation,
    .block-alert .c-search-page-title--new
    {
        padding-top: 20rem;
    }
}

.block-alert .c-list-job-offers,
.block-alert .c-list-contact
{
    padding-top: 7rem;
}
@media (max-width: 63.99em)
{
    .block-alert .c-list-job-offers,
    .block-alert .c-list-contact
    {
        padding-top: 20rem;
    }
}
@media only screen and (max-width: 400px)
{
    .block-alert .c-list-job-offers,
    .block-alert .c-list-contact
    {
        padding-top: 7rem;
    }
}

.noimage .c-structured-implantation-details__item__list
{
    overflow-x: hidden;

    height: 100%;
}
.noimage .c-structured-implantation-details__item__list__container
{
    overflow-y: hidden;
}

.openStreetMap
{
    height: calc(100vh - 22.8rem) !important; 
    min-height: 70rem;
    max-height: 80rem;
}

.openStreetMap-list
{
    height: 103.3rem;
}
@media (max-width: 63.99em)
{
    .openStreetMap-list
    {
        height: 40rem !important;
    }
}
.openStreetMap-list .leaflet-shadow-pane
{
    display: none;
}

.c-structured-implantation-less-4
{
    display: flex;
    flex-direction: column;

    padding: 8rem;
}
.c-structured-implantation-less-4__title h2
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 3.6rem;
    line-height: 4.2rem;

    margin: 0; 

    letter-spacing: 0;

    color: #141d29;
}
.c-structured-implantation-less-4__title h2 span
{
    color: #255b8e;
}
.c-structured-implantation-less-4__container
{
    display: grid;

    margin-top: 6rem; 

    grid-template-columns: repeat(2, 1fr);
    grid-gap: 5.8rem;
}
.c-structured-implantation-less-4__container__item
{
    background-color: #fff;
    box-shadow: 0 14px 12px 0 rgba(59, 135, 204, .12);
}

@media (max-width: 87.49em)
{
    .c-structured-implantation-less-4
    {
        padding: 4rem;
    }
}

@media (max-width: 63.99em)
{
    .c-structured-implantation-less-4
    {
        padding: 0rem;
    }
    .c-structured-implantation-less-4__title
    {
        padding: 4rem;
    }
    .c-structured-implantation-less-4__container
    {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (max-width: 47.99em)
{
    .c-structured-implantation-less-4__title
    {
        padding: 4rem 2rem;
    }
    .c-structured-implantation-less-4__title h2
    {
        font-size: 2.4rem;
        line-height: 3rem;
    }
    .c-structured-implantation-less-4__container
    {
        margin-top: -1.5rem;

        grid-gap: 1.5rem;
    }
}

.c-structured-implantation-focus
{
    display: flex;
    flex-direction: column;
}
.c-structured-implantation-focus__title
{
    padding: 8rem;
}
.c-structured-implantation-focus__title h2
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 3.6rem;
    line-height: 4.2rem;

    margin: 0; 

    letter-spacing: 0;

    color: #141d29;
}
.c-structured-implantation-focus__title h2 span
{
    color: #255b8e;
}

@media (max-width: 87.5em)
{
    .c-structured-implantation-focus__title
    {
        padding: 4rem;
    }
}

@media (max-width: 48em)
{
    .c-structured-implantation-focus__title
    {
        padding: 4rem 2rem;
    }
    .c-structured-implantation-focus__title h2
    {
        font-size: 2.4rem;
        line-height: 3rem;
    }
}

.c-structured-content-login
{
    display: flex;
    flex-direction: row;

    min-height: 100vh; 

    align-items: stretch;
}
.c-structured-content-login.c-register
{
    padding-top: 5rem;
}
@media (max-width: 63.99em)
{
    .c-structured-content-login.c-register
    {
        padding-top: 0;
    }
}
@media (max-width: 47.99em)
{
    .c-structured-content-login
    {
        min-height: auto; 
        padding: 0;
    }
}
.c-structured-content-login__col
{
    height: auto;
}
.c-structured-content-login__col .messages
{
    padding-top: 6rem;
}
.c-structured-content-login__col .messages .c-crisis-banner
{
    overflow: auto;

    height: auto;

    align-items: stretch;
}
.c-structured-content-login__col .c-crisis-banner
{
    max-width: 500px; 
    margin: 2rem auto 0;
}
.c-structured-content-login .c-structured-content-login__col:first-child
{
    height: auto;
    padding-top: 8rem; 

    flex-basis: 30%;
}
@media (max-width: 47.99em)
{
    .c-structured-content-login .c-structured-content-login__col:first-child
    {
        display: none;
    }
}
.c-structured-content-login .c-structured-content-login__col:first-child .c-description.c-editor-text
{
    padding: 2rem 0;
}
.c-structured-content-login .c-structured-content-login__col:first-child .c-description.c-editor-text p,
.c-structured-content-login .c-structured-content-login__col:first-child .c-description.c-editor-text ul,
.c-structured-content-login .c-structured-content-login__col:first-child .c-description.c-editor-text li,
.c-structured-content-login .c-structured-content-login__col:first-child .c-description.c-editor-text span
{
    color: #fff;
}
.c-structured-content-login .c-structured-content-login__col:first-child .c-description.c-editor-text ul li:before
{
    background-color: #fff;
}
.c-structured-content-login .c-structured-content-login__col:first-child .c-description.c-editor-text a
{
    color: #71a8da;
}
.c-structured-content-login .c-structured-content-login__col:last-child
{
    flex-basis: 70%;
}
@media (max-width: 47.99em)
{
    .c-structured-content-login .c-structured-content-login__col:last-child
    {
        flex-basis: 100%;
    }
}
.c-structured-content-login-connect__block
{
    width: 90%;
    max-width: 500px;
    height: auto;
    margin: 8rem auto;
    padding: 8rem 4rem 4rem;

    box-shadow: 0 4px 7px 0 rgba(0, 0, 0, .05);
}
@media (max-width: 47.99em)
{
    .c-structured-content-login-connect__block
    {
        width: 100%; 
        margin: 0 auto;
        padding: 4rem;
    }
}
.c-structured-content-login-connect__block h1
{
    font-size: 2.2rem; 

    padding-bottom: 4rem;
}
@media (max-width: 47.99em)
{
    .c-structured-content-login-connect__block h1
    {
        font-size: 1.6rem;

        padding-bottom: 2.5rem;
    }
}
.c-structured-content-login-connect__block p
{
    font-size: 1.4rem;
}
.c-structured-content-login-connect__block-link
{
    display: flex;
    flex-direction: row;

    width: 90%;
    max-width: 500px;
    margin: -7rem auto 8rem;

    justify-content: space-between;
}
.c-structured-content-login-connect__block-link a
{
    font-size: 1.4rem;
    line-height: 1.4rem;
}
@media (max-width: 47.99em)
{
    .c-structured-content-login-connect__block-link
    {
        flex-direction: column; 

        width: 100%;
        margin: 2.5rem 0 0;
        padding: 0 4rem;

        text-align: center;
    }
    .c-structured-content-login-connect__block-link a
    {
        padding-bottom: 2.5rem;
    }
}
.c-structured-content-login-connect__block-link.register
{
    justify-content: space-between;
}
.c-structured-content-login-connect__form
{
    margin-top: 5rem;
    padding: 0;
}
.c-structured-content-login-connect__form input
{
    font-size: 1.4rem;
}
.c-structured-content-login-connect__form input::-moz-placeholder
{
    color: transparent;
}
.c-structured-content-login-connect__form input:-ms-input-placeholder
{
    color: transparent;
}
.c-structured-content-login-connect__form input::-ms-input-placeholder
{
    color: transparent;
}
.c-structured-content-login-connect__form input::placeholder
{
    color: transparent;
}
.c-structured-content-login-connect__form .c-btn--primary-input-type-submit
{
    width: 100%;
}
.c-structured-content-login-connect__form .c-btn--primary-input-type-submit .c-btn
{
    width: 100%;
}
.c-structured-content-login-connect__form.user-login-form a
{
    font-size: 1.4rem;
    line-height: 1.4rem; 

    display: block;
}
.c-structured-content-login-connect__form.user-login-form .u-align--center
{
    margin-top: 4rem;
}
.c-structured-content-login-connect__form.c-section-item__content
{
    margin-top: 0;
    margin-bottom: 0;
}
.c-structured-content-login-connect__form .form-wrapper .ajax-progress
{
    position: absolute;
    top: 0;
    right: 0;

    display: none;
}
.c-structured-content-login-connect__form .form-wrapper table.responsive-enabled
{
    overflow-x: inherit;
    overflow-y: inherit;

    max-width: 100%;
    margin-top: 2rem;

    white-space: normal;
}
.c-structured-content-login-connect__form .form-wrapper table.responsive-enabled thead
{
    display: none;
}
.c-structured-content-login-connect__form .form-wrapper table.responsive-enabled tbody tr
{
    position: relative;

    display: block; 

    height: auto;

    border: none;
}
.c-structured-content-login-connect__form .form-wrapper table.responsive-enabled tbody tr td
{
    font-size: 1.4rem;
    line-height: 2rem;

    padding-left: 2.5rem; 

    text-align: left;
}
.c-structured-content-login-connect__form .form-wrapper table.responsive-enabled tbody tr td:nth-of-type(1),
.c-structured-content-login-connect__form .form-wrapper table.responsive-enabled tbody tr td:nth-of-type(2)
{
    display: none;
}
.c-structured-content-login-connect__form .form-wrapper table.responsive-enabled tbody tr.password-policy-constraint-failed td
{
    color: #c6541c;
}
.c-structured-content-login-connect__form .form-wrapper table.responsive-enabled tbody tr.password-policy-constraint-failed::before
{
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 1.5rem;
    height: 1.5rem;

    content: '';
    transform: translateY(-50%);

    background-color: #c6541c; 
    background-size: 100% 100%;

            mask: url('../../public/images/icons/close.svg') no-repeat center/contain;
    -webkit-mask: url('../../public/images/icons/close.svg') no-repeat center/contain;
}
.c-structured-content-login-connect__form .form-wrapper table.responsive-enabled tbody tr.password-policy-constraint-passed td
{
    color: #126330;
}
.c-structured-content-login-connect__form .form-wrapper table.responsive-enabled tbody tr.password-policy-constraint-passed::before
{
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 1.5rem;
    height: 1.5rem;

    content: '';
    transform: translateY(-50%);

    background-color: #126330; 
    background-size: 100% 100%;

            mask: url('../../public/images/icons/check.svg') no-repeat center/contain;
    -webkit-mask: url('../../public/images/icons/check.svg') no-repeat center/contain;
}
.c-structured-content-login-connect__form .form-wrapper table.responsive-enabled#edit-password-policy-status tbody tr td
{
    color: #84899f;
}
.c-structured-content-login-connect__form .form-wrapper table.responsive-enabled#edit-password-policy-status tbody tr::before
{
    line-height: 1.5rem; 

    content: '-';

    color: #84899f;
    background-color: transparent;

            mask: inherit;
    -webkit-mask: inherit;
}
.c-structured-content-login-connect__form .form-item-pass
{
    margin-bottom: 2rem;
}
.c-structured-content-login-connect__form .password-show-hide
{
    position: relative;
}
.c-structured-content-login-connect__form .password-show-hide .icon-password
{
    z-index: 2;
}
.c-structured-content-login-connect__form .password-show-hide .icon-password::before
{
    position: absolute;
    top: 50%;
    right: 2rem;

    display: block;

    width: 1.8rem;
    height: 1.8rem;

    content: '';
    transform: translateY(-50%);

    background-color: #1b1d27; 
    background-size: 100% 100%;

            mask: url('../../public/images/icons/icon-eyes-show.svg') no-repeat center/contain;
    -webkit-mask: url('../../public/images/icons/icon-eyes-show.svg') no-repeat center/contain;
}
.c-structured-content-login-connect__form .password-show-hide .icon-password-show::before
{
            mask: url('../../public/images/icons/icon-eyes-hide.svg') no-repeat center/contain;
    -webkit-mask: url('../../public/images/icons/icon-eyes-hide.svg') no-repeat center/contain;
}
.c-structured-content-login-connect__form .c-form-container__group
{
    display: flex;
    flex-direction: row;

    align-items: center;
}
.c-structured-content-login-connect__form .c-form-container__group .input-wrapper
{
    margin-right: 1rem;
}
.c-structured-content-login-connect__form .c-form-container__group .option a
{
    font-size: 1.4rem;
    line-height: 1.4rem;
}
.c-structured-content-login-connect__form .captcha
{
    font-size: 1.4rem; 

    margin: 4rem 0;
}
.c-structured-content-login-connect__form .captcha summary
{
    display: none;
}
.c-structured-content-login-connect__form .captcha .form-item-captcha-response
{
    margin-top: 2rem;
}
.c-structured-content-login-connect__form .captcha .form-item-captcha-response .field-prefix
{
    display: inline-block;

    width: 5rem;
}
.c-structured-content-login-connect__form .captcha .form-item-captcha-response .input-wrapper
{
    display: inline-block;

    max-width: 50%;
}
.c-structured-content-login-connect__form .captcha .form-item-captcha-response .input-wrapper input
{
    padding: 1rem 2rem;
}
.c-structured-content-login-connect__form .captcha .form-item-captcha-response .description
{
    margin-top: 2rem;
}
.c-structured-content-login-connect__form .c-structured-tab-filters__form-filters__btn-container
{
    width: 100%;
}
.c-structured-content-login-connect .c-reset-password .password-strength
{
    display: none;
}
.c-structured-content-login-connect .c-reset-password .description
{
    font-size: 1.4rem;

    padding-top: 2rem;
}
.c-structured-content-login-connect .c-reset-password .password-show-hide
{
    position: relative;
}
.c-structured-content-login-connect .c-reset-password .password-show-hide .icon-password
{
    z-index: 2;
}
.c-structured-content-login-connect .c-reset-password .password-show-hide .icon-password::before
{
    position: absolute;
    top: 50%;
    right: 2rem;

    display: block;

    width: 1.8rem;
    height: 1.8rem;

    content: '';
    transform: translateY(-50%);

    background-color: #1b1d27; 
    background-size: 100% 100%;

            mask: url('../../public/images/icons/icon-eyes-show.svg') no-repeat center/contain;
    -webkit-mask: url('../../public/images/icons/icon-eyes-show.svg') no-repeat center/contain;
}
.c-structured-content-login-connect .c-reset-password .password-show-hide .icon-password-show::before
{
            mask: url('../../public/images/icons/icon-eyes-hide.svg') no-repeat center/contain;
    -webkit-mask: url('../../public/images/icons/icon-eyes-hide.svg') no-repeat center/contain;
}
.c-structured-content-login-connect .c-reset-password table
{
    overflow-x: inherit;
    overflow-y: inherit;

    max-width: 100%;
    margin: 2rem 0; 

    white-space: normal;
}
.c-structured-content-login-connect .c-reset-password table thead
{
    display: none;
}
.c-structured-content-login-connect .c-reset-password table tbody tr
{
    position: relative;

    display: block; 

    height: auto;

    border: none;
}
.c-structured-content-login-connect .c-reset-password table tbody tr td
{
    font-size: 1.4rem;
    line-height: 2rem;

    padding-left: 2.5rem; 

    text-align: left;
}
.c-structured-content-login-connect .c-reset-password table tbody tr td:nth-of-type(2)
{
    display: none;
}
.c-structured-content-login-connect .c-reset-password table tbody tr.password-policy-constraint-failed td
{
    color: #c6541c;
}
.c-structured-content-login-connect .c-reset-password table tbody tr.password-policy-constraint-failed::before
{
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 1.5rem;
    height: 1.5rem;

    content: '';
    transform: translateY(-50%);

    background-color: #c6541c; 
    background-size: 100% 100%;

            mask: url('../../public/images/icons/close.svg') no-repeat center/contain;
    -webkit-mask: url('../../public/images/icons/close.svg') no-repeat center/contain;
}
.c-structured-content-login-connect .c-reset-password table tbody tr.password-policy-constraint-passed td
{
    color: #126330;
}
.c-structured-content-login-connect .c-reset-password table tbody tr.password-policy-constraint-passed::before
{
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 1.5rem;
    height: 1.5rem;

    content: '';
    transform: translateY(-50%);

    background-color: #126330; 
    background-size: 100% 100%;

            mask: url('../../public/images/icons/check.svg') no-repeat center/contain;
    -webkit-mask: url('../../public/images/icons/check.svg') no-repeat center/contain;
}

.c-structured-elements-list
{
    width: calc(100% - 7.8rem);
    margin: 0 auto;
    padding: 8rem;
    padding-top: 6rem;
}
.c-structured-elements-list--dark .c-structured-elements-list__title h2
{
    color: #fff;
}
.c-structured-elements-list--dark .c-structured-elements-list__item__date span
{
    color: #d1d6e6;
}
.c-structured-elements-list--dark .c-structured-elements-list__item__tag span
{
    color: #7fb8e7;
}
.c-structured-elements-list--dark .c-structured-elements-list__item__text p
{
    display: -webkit-box;
    overflow: hidden;

    max-width: 100%; 

    text-overflow: ellipsis;

    color: #fff;

    -webkit-line-clamp: 1;
            line-clamp: 1;
    -webkit-box-orient: vertical;
            box-orient: vertical;
}
.c-structured-elements-list--dark .c-structured-elements-list__item:hover .c-structured-elements-list__item__text p
{
    color: #7fb8e7;
}
.c-structured-elements-list--dark .c-structured-news-list__alert__subtitle
{
    letter-spacing: .06rem; 

    color: #fff;
}
.c-structured-elements-list--dark .c-structured-elements-list__pagination .pagination__pages .pagination__page
{
    color: #fff;
}
.c-structured-elements-list__title
{
    margin-bottom: 8rem;
}
.c-structured-elements-list__title h2
{
    font-size: 3.6rem;
    line-height: 4.2rem;

    margin: 0;

    text-align: center;
}
.c-structured-elements-list__nbResults
{
    font-size: 1.6rem;
    line-height: 2.2rem;

    margin-bottom: 2rem; 

    letter-spacing: 0;

    color: #fff;
}
@media (min-width: 48em)
{
    .c-structured-elements-list__nbResults
    {
        margin-bottom: 3.5rem;
    }
}
.c-structured-elements-list__nbResults span
{
    color: #7fb8e7;
}
.c-structured-elements-list__items
{
    position: relative;
}
.c-structured-elements-list__items__row
{
    display: flex;
    flex-direction: row;
}
.c-structured-elements-list__items__row:not(:first-child)
{
    margin-top: 5.9rem;
}
.c-structured-elements-list__item
{
    position: relative;

    display: flex;
    flex-direction: column;

    cursor: pointer;
}
.c-structured-elements-list__item:hover .c-structured-elements-list__item__text p
{
    color: #255b8e;
}
.c-structured-elements-list__item--bg
{
    height: 100%;
}
@media (max-width: 47.99em)
{
    .c-structured-elements-list__item--bg
    {
        background-color: transparent;
    }
}
.c-structured-elements-list__item--publication .c-structured-elements-list__item__image
{
    margin-bottom: .6rem;
}
.c-structured-elements-list__item--publication .c-structured-elements-list__item__text
{
    padding-right: 4rem; 
    padding-left: 4rem;
}
.c-structured-elements-list__item__backgroundcolor
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}
.c-structured-elements-list__item__image
{
    position: relative;

    display: block;

    margin-bottom: 3rem;

    text-align: center;
}
.c-structured-elements-list__item__image img
{
    width: 100%;
    height: auto;
}
.c-structured-elements-list__item__image--number
{
    position: absolute;
    z-index: 3; 
    right: 0;
    bottom: 0;

    display: flex;

    width: 7.7rem;
    height: 4.8rem;

    background-color: rgba(27, 29, 39, .8);

    align-items: center;
    justify-content: center;
}
.c-structured-elements-list__item__image--number img
{
    width: 2.3rem;
    height: 1.8rem;
    margin-right: .8rem;
}
.c-structured-elements-list__item__image--number span
{
    font-size: 1.6rem;
    line-height: 1.9rem;

    display: flex;

    letter-spacing: .6px;

    color: #fff; 

    justify-content: center;
    align-items: center;
}
.c-structured-elements-list__item__video
{
    position: relative;

    display: block;

    margin-bottom: 3rem;

    text-align: center;
}
.c-structured-elements-list__item__video--number,
.c-structured-elements-list__item__video--time
{
    position: absolute;
    right: 0;
    bottom: 0;

    display: flex;

    width: 7.7rem;
    height: 4.8rem;

    background-color: rgba(27, 29, 39, .8); 

    align-items: center;
    justify-content: center;
}
.c-structured-elements-list__item__video--number img,
.c-structured-elements-list__item__video--time img
{
    width: 2.3rem;
    height: 1.8rem;
    margin-right: .8rem;
}
.c-structured-elements-list__item__video--number span,
.c-structured-elements-list__item__video--time span
{
    font-size: 1.6rem;
    line-height: 1.9rem;

    display: flex;

    letter-spacing: .6px;

    color: #fff; 

    justify-content: center;
    align-items: center;
}
@media (max-width: 47.99em)
{
    .c-structured-elements-list__item__video--number,
    .c-structured-elements-list__item__video--time
    {
        width: 6rem;
        height: 3.4rem;
    }
    .c-structured-elements-list__item__video--number img,
    .c-structured-elements-list__item__video--time img
    {
        width: 2rem;
        height: 1.5rem;
        margin-right: 1.1rem;
    }
}
.c-structured-elements-list__item__video--time
{
    width: 9.3rem;
}
@media (max-width: 47.99em)
{
    .c-structured-elements-list__item__video--time
    {
        width: 7.4rem;
    }
}
.c-structured-elements-list__item__audio
{
    position: relative;

    display: flex;

    height: 100%;
    margin-bottom: 3rem;

    background-color: #112753; 

    align-items: center;
    justify-content: center;
}
.c-structured-elements-list__item__audio__player__controls
{
    display: flex;
    flex-direction: column;

    align-items: center;
    justify-content: center;
}
.c-structured-elements-list__item__audio__player__controls--time
{
    font-size: 1.8rem;
    line-height: 2.6rem;

    margin-top: 2rem;
    padding-left: 0;

    text-align: center;
}
.c-structured-elements-list__item__audio__player__controls--button
{
    position: relative;

    display: flex;

    width: 7.86rem;
    height: 7.86rem;

    cursor: pointer;
    transition: all .3s ease-in-out; 

    border: .3rem solid #fff;
    border-radius: 50%;
    background-color: transparent;

    align-items: center;
    justify-content: center;
}
.c-structured-elements-list__item__audio__player__controls--button:after
{
    position: absolute;
    top: 0rem;
    left: 0rem;

    display: block;

    width: 100%;
    height: 100%;

    content: '';
    transition: opacity .3s ease-in-out; 

    opacity: 0;
    border: .2rem solid #fff;
    border-radius: 50%;
}
.c-structured-elements-list__item__audio__player__controls .play,
.c-structured-elements-list__item__audio__player__controls .pause
{
    font-size: 3.2rem; 

    position: relative;
    z-index: 9;

    display: none;

    color: #fff;
}
.c-structured-elements-list__item__audio__player__timeline
{
    left: 0;
}
.c-structured-elements-list__item__event
{
    position: relative;

    display: flex;
    flex-direction: column;

    height: 100%;
    margin-bottom: 3rem;
    padding: 2.5rem;

    background-color: #7b9cda; 

    align-items: center;
}
.c-structured-elements-list__item__event__top span
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 2.5rem;

    letter-spacing: 2px;
    text-transform: uppercase; 

    color: #eaf1ff;
}
.c-structured-elements-list__item__event__middle
{
    display: flex;

    height: 100%; 

    justify-content: center;
    align-items: center;
}
.c-structured-elements-list__item__event__middle--container
{
    position: relative;

    display: flex;
    flex-direction: column;

    margin-top: 4rem;
}
.c-structured-elements-list__item__event__middle--container:last-child
{
    margin-left: 4.1rem;
}
.c-structured-elements-list__item__event__middle--container:last-child:before
{
    font-family: 'icomoon';
    font-size: 2.5rem;

    position: absolute;
    top: 40%;
    left: -80%;

    content: '';
    transform: translate(80%, -40%); 

    color: #fff;
}
.c-structured-elements-list__item__event__middle--container-day
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 6.65rem;
    font-weight: 200;
    line-height: 8rem;

    letter-spacing: 0;

    color: #fff;
}
.c-structured-elements-list__item__event__middle--container-month
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.8rem;
    line-height: 3rem;

    letter-spacing: 0;
    text-transform: uppercase; 

    color: #fff;
}
.c-structured-elements-list__item__event__bottom
{
    display: flex;

    margin-top: 3.3rem; 

    align-items: flex-end;
}
.c-structured-elements-list__item__event__bottom span
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.4rem;
    line-height: 1.7rem;

    display: flex;

    letter-spacing: .53px;

    color: #fff;

    align-items: center;
}
.c-structured-elements-list__item__event__bottom span img
{
    width: auto;
    height: 1.6rem; 
    margin-right: 1.78rem;
}
.c-structured-elements-list__item__below
{
    z-index: 1; 

    display: block;
}
.c-structured-elements-list__item__date
{
    display: inline-block;
}
.c-structured-elements-list__item__date span
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 2.5rem;

    letter-spacing: 2px;

    color: #525668;
}
.c-structured-elements-list__item__tag
{
    display: inline-block;
}
.c-structured-elements-list__item__tag > span
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 2.5rem;

    margin-left: 2.5rem; 

    letter-spacing: 2px;
    text-transform: uppercase;

    color: #255b8e;
}
.c-structured-elements-list__item__text
{
    z-index: 1;
}
.c-structured-elements-list__item__text p
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.8rem;
    line-height: 2.6rem;

    margin: 0;
    margin-top: 1rem;

    transition: all .75s; 

    color: #1b1d27;
}
@media (max-width: 48em)
{
    .c-structured-elements-list__item__text p
    {
        line-height: 2.2rem;
    }
}
.c-structured-elements-list__pagination
{
    display: flex;

    margin-top: 6rem;

    text-align: center;

    align-items: center;
    justify-content: center;
}
.c-structured-elements-list__pagination .c-btn--link-simple
{
    margin-left: 1rem; 
    padding: 0;
}
.c-structured-elements-list__link-all
{
    margin-top: 6rem;

    text-align: right;
}
.c-structured-elements-list.c-structured-elements-list--playlists .c-structured-elements-list__items__row
{
    margin: 0 -1.5rem; 

    flex-wrap: wrap;
}
.c-structured-elements-list.c-structured-elements-list--playlists .small
{
    margin-bottom: 3rem; 
    padding: 0 1.5rem 3rem 1.5rem;
}
.c-structured-elements-list.c-structured-elements-list--playlists .small:last-child
{
    margin-bottom: 0;
}
@media screen and (min-width: 769px)
{
    .c-structured-elements-list.c-structured-elements-list--playlists .small:nth-last-child(-n+3)
    {
        margin-bottom: 0;
        padding-bottom: 0;
    }
}
@media (min-width: 64em)
{
    .c-structured-elements-list.c-structured-elements-list--playlists .small
    {
        margin-bottom: 5.9rem;
        padding-bottom: 0;
    }
}
.c-structured-elements-list.c-structured-elements-list--playlists .small:first-child,
.c-structured-elements-list.c-structured-elements-list--playlists .small:nth-child(2)
{
    margin-right: 0;
}
.c-structured-elements-list .darkbg
{
    background-color: rgba(188, 191, 207, .06);
}
.c-structured-elements-list .greybg
{
    background-color: #f9fafc;
}
.c-structured-elements-list .large
{
    flex-basis: calc(50% - 1.25rem);
}
.c-structured-elements-list .large:first-child
{
    margin-right: 2.5rem;
}
@media (max-width: 48em)
{
    .c-structured-elements-list .large:first-child
    {
        padding-top: 0;
    }
}
.c-structured-elements-list .small
{
    flex-basis: calc(33% - 1.5rem);
}
.c-structured-elements-list .small:first-child,
.c-structured-elements-list .small:nth-child(2)
{
    margin-right: 3rem;
}
.c-structured-elements-list .no-image
{
    padding: 8.5rem 4rem;
}
.c-structured-elements-list .alerted
{
    padding: 0 !important;
}
.c-structured-elements-list .preview
{
    text-align: center;
}
.c-structured-elements-list .preview .c-structured-elements-list__item__image
{
    min-height: 24.6rem;
    margin-top: 3rem;
}
@media (max-width: 48em)
{
    .c-structured-elements-list .preview .c-structured-elements-list__item__image
    {
        margin-top: .5rem;
    }
}
.c-structured-elements-list .preview .c-structured-elements-list__item__image img
{
    max-width: 15rem;

    border-radius: 2px 0 0 2px;
    background: linear-gradient(90deg, #fff 0%, #cacaca 100%);
    box-shadow: 10px 10px 20px 0 rgba(59, 135, 204, .08);
}
.c-structured-elements-list .preview .c-structured-elements-list__item__text
{
    padding: 0 2rem 2rem 2rem;
}
.c-structured-elements-list .c-audio-item__player__controls__btn--play .play
{
    display: block;
}
.c-structured-elements-list .c-audio-item__player__controls__btn--pause .pause
{
    display: block;
}
.c-structured-elements-list .c-profile-card-quote
{
    max-width: inherit; 
    max-height: inherit;
}
.c-structured-elements-list .quote
{
    flex-basis: calc(70% - 1.25rem);
}
.c-structured-elements-list .quote:first-child
{
    margin-right: 2.5rem;
}
.c-structured-elements-list .quote-next
{
    flex-basis: calc(30% - 1.25rem);
}

@media (max-width: 87.5em)
{
    .c-structured-elements-list
    {
        width: calc(100% - 20rem);
        padding: 4rem;
    }
    .c-structured-elements-list .no-image
    {
        padding: 4rem;
    }
}

@media (max-width: 80em)
{
    .c-structured-elements-list
    {
        width: calc(100% - 10rem);
        padding: 4rem;
    }
    .c-structured-elements-list .no-image
    {
        padding: 4rem;
    }
}

@media (max-width: 64em)
{
    .c-structured-elements-list
    {
        width: 100%;
    }
    .c-structured-elements-list .c-profile-card-quote__content
    {
        margin: 1.5rem 4rem 4rem 4rem;
    }
    .c-structured-elements-list .c-profile-card-quote__image
    {
        display: none;
    }
    .c-structured-elements-list .c-profile-card-quote__content__button
    {
        position: relative;

        margin-top: 2rem;
    }
    .c-structured-elements-list .quote,
    .c-structured-elements-list .quote-next
    {
        flex-basis: calc(50% - 1.25rem);
    }
}

@media (max-width: 48em)
{
    .c-structured-elements-list
    {
        padding: 4rem 2rem;
    }
    .c-structured-elements-list--dark .c-structured-elements-list__item
    {
        border-bottom: 1px solid #525668;
    }
    .c-structured-elements-list__title
    {
        margin-bottom: 4rem;
    }
    .c-structured-elements-list__title h2
    {
        font-size: 2.4rem;
        line-height: 2.8rem; 

        letter-spacing: 0;
    }
    .c-structured-elements-list__items__row
    {
        flex-direction: column;
    }
    .c-structured-elements-list__items__row:not(:first-child)
    {
        margin-top: 0;
    }
    .c-structured-elements-list__items__row:last-child > *:last-child
    {
        border-bottom: none;
    }
    .c-structured-elements-list__item
    {
        padding-top: 2.5rem; 
        padding-bottom: 3rem;

        border-bottom: 1px solid #d1d6e6;
    }
    .c-structured-elements-list__item__backgroundcolor
    {
        top: -2.5rem;
        left: -2rem;

        width: calc(100% + 4rem);
        height: calc(100% + 5.5rem) !important;
        padding-top: 0 !important;
    }
    .c-structured-elements-list__item__image
    {
        margin-bottom: 1.2rem;
    }
    .c-structured-elements-list__item__image--number span
    {
        font-size: 1.4rem;
        line-height: .9rem; 

        letter-spacing: .53px;
    }
    .c-structured-elements-list__item__video
    {
        margin-bottom: 1.2rem;
    }
    .c-structured-elements-list__item__video--number span
    {
        font-size: 1.4rem;
        line-height: .9rem; 

        letter-spacing: .53px;
    }
    .c-structured-elements-list__item__event
    {
        margin-bottom: 1.2rem;
    }
    .c-structured-elements-list__item__audio
    {
        min-height: 22.3rem;
        margin-bottom: 1.2rem;
    }
    .c-structured-elements-list__item__audio__player__controls--button
    {
        width: 5.7rem;
        height: 5.7rem;
    }
    .c-structured-elements-list__item__audio__player__controls--time
    {
        font-size: 1.6rem;
        line-height: 2.2rem; 

        margin-top: 1.5rem;
        padding: 0;
    }
    .c-structured-elements-list__item__audio__player__controls .play,
    .c-structured-elements-list__item__audio__player__controls .pause
    {
        font-size: 2.4rem;
    }
    .c-structured-elements-list__item__date span
    {
        font-size: 1.1rem;

        margin-right: 2.5rem; 

        letter-spacing: 1.83px;
    }
    .c-structured-elements-list__item__tag span
    {
        font-size: 1.1rem;

        letter-spacing: 1.83px;
    }
    .c-structured-elements-list__item__text p
    {
        font-size: 1.6rem;

        margin-top: .5rem;
    }
    .c-structured-elements-list__pagination
    {
        flex-direction: column;
    }
    .c-structured-elements-list__pagination .c-btn
    {
        margin-top: 2rem;
    }
    .c-structured-elements-list__pagination .c-btn--link-simple
    {
        margin-left: 0rem; 
        padding: 0;
    }
    .c-structured-elements-list .large,
    .c-structured-elements-list .small
    {
        width: 100%; 

        flex-basis: inherit;
    }
    .c-structured-elements-list .large:first-child,
    .c-structured-elements-list .large:nth-child(2),
    .c-structured-elements-list .small:first-child,
    .c-structured-elements-list .small:nth-child(2)
    {
        margin-right: 0;
    }
    .c-structured-elements-list .large .c-structured-elements-list__item__image
    {
        margin-right: -2rem; 
        margin-left: -2rem;
    }
    .c-structured-elements-list .large .c-structured-elements-list__item__video
    {
        margin-right: -2rem; 
        margin-left: -2rem;
    }
    .c-structured-elements-list .no-image
    {
        padding: 2.5rem 0rem;
    }
    .c-structured-elements-list .c-profile-card-quote
    {
        flex-direction: column;
    }
    .c-structured-elements-list .c-profile-card-quote__content
    {
        margin: 3rem 0rem 0rem 0rem;
    }
    .c-structured-elements-list .c-profile-card-quote__image
    {
        display: inherit;
        overflow: inherit;

        max-width: inherit;
    }
    .c-structured-elements-list .c-profile-card-quote__image img
    {
        position: relative;
        top: inherit;
        left: inherit;

        width: 100%; 

        transform: inherit;
    }
    .c-structured-elements-list .quote,
    .c-structured-elements-list .quote-next
    {
        width: 100%;

        flex-basis: inherit;
    }
}

.c-structured-elements-list--dark .c-structured-list-product--no-result__text
{
    color: #fff;
}

@media (max-width: 47.99em)
{
    .c-structured-elements-list__link-all
    {
        margin-top: 1rem;
    }
}

.general-assembly-page
{
    overflow: hidden;
}
@media (max-width: 64em)
{
    .general-assembly-page .c-structured-tab-documents__tabs__content__item--container .c-structured-list-links-download-documents__content .h2-like
    {
        margin: 0 2rem;
        padding-bottom: 0;
    }
    .general-assembly-page .c-structured-tab-documents__tabs__content__item--container .c-structured-list-links-download-documents__content .list
    {
        margin: 0 2rem;
    }
    .general-assembly-page .c-structured-tab-documents__tabs__content__item--container .c-structured-list-links-download-documents__content .list .icon-file-adobe
    {
        display: none;
    }
    .general-assembly-page .c-structured-tab-documents__tabs__content__item--container .c-structured-list-links-download-documents__content .list .c-download-document-item p
    {
        flex-direction: column;

        align-items: flex-start;
    }
}
.general-assembly-page .c-structured-tab-documents__tabs__content__item--container .c-structured-list-links-download-documents__content .list
{
    margin-bottom: 0;
}
@media (max-width: 64em)
{
    .general-assembly-page .c-structured-tab-documents__tabs__content__item--container .c-layer
    {
        padding: 0;
    }
}

.c-general-assembly__current-tab
{
    margin-top: 1rem;
}

.c-structured-tab-documents
{
    padding: 0rem 8rem 0rem 8rem;
}
.c-structured-tab-documents__title
{
    margin-bottom: 6rem;
}
.c-structured-tab-documents__title h1,
.c-structured-tab-documents__title h2
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 3.6rem;
    font-weight: 400;
    line-height: 2.8rem;
}
.c-structured-tab-documents__description p
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.8rem;
    line-height: 2.8rem;

    margin: 0;

    color: #141d29;
}
.c-structured-tab-documents__tabs
{
    display: flex;
    flex-direction: column;

    margin-top: 8rem;
}
.c-structured-tab-documents__tabs__header__desktop
{
    position: relative;

    display: flex;
    flex-direction: row;

    margin-bottom: -.1rem;

    border-bottom: .1rem solid #eaf1ff;
}
.c-structured-tab-documents__tabs__header__desktop__item
{
    position: relative;

    display: block;

    padding: 1rem 3rem;

    cursor: pointer; 
    transition: color .3s ease-in-out;

    color: #141d29;
    border: 0;
    background-color: transparent;
}
.c-structured-tab-documents__tabs__header__desktop__item a
{
    color: inherit;
}
.c-structured-tab-documents__tabs__header__desktop__item a:hover,
.c-structured-tab-documents__tabs__header__desktop__item afocus
{
    color: #255b8e;
}
@media (max-width: 63.99em)
{
    .c-structured-tab-documents__tabs__header__desktop__item
    {
        flex: 1;
    }
}
.c-structured-tab-documents__tabs__header__desktop__item::after
{
    position: absolute;
    bottom: -.1rem;
    left: 0;

    display: block;

    width: 0;
    height: .1rem;

    content: '';
    transition: all .3s ease-in-out; 

    background-color: #255b8e;
}
.c-structured-tab-documents__tabs__header__desktop__item.active,
.c-structured-tab-documents__tabs__header__desktop__item.current
{
    color: #255b8e;
}
.c-structured-tab-documents__tabs__header__desktop__item.active::after,
.c-structured-tab-documents__tabs__header__desktop__item.current::after
{
    width: 100%;
}
.c-structured-tab-documents__tabs__header__desktop__item:last-child
{
    position: absolute;
    right: 0;
}
.c-structured-tab-documents__tabs__header__mobile
{
    display: none;
}
.c-structured-tab-documents__tabs__content__item
{
    display: flex;
    visibility: hidden;
    flex-direction: column;

    height: 0;
    margin-right: -8rem; 
    margin-left: -8rem;

    opacity: 0;
}
.c-structured-tab-documents__tabs__content__item.active
{
    visibility: visible;

    height: inherit;
    margin-top: 1rem; 

    opacity: 1;
}
.c-structured-tab-documents__tabs__content__item.active .c-structured-tab-documents__tabs__content__item--bottom p
{
    opacity: 1;
}
.c-structured-tab-documents__tabs__content__item.active .c-structured-tab-documents__tabs__content__item--type,
.c-structured-tab-documents__tabs__content__item.active .c-structured-tab-documents__tabs__content__item--date
{
    opacity: 1;
}
.c-structured-tab-documents__tabs__content__item--container.first
{
    padding: 4rem 20rem;

    background-color: #111827;
}
.c-structured-tab-documents__tabs__content__item--top
{
    display: flex;

    justify-content: center;
}
.c-structured-tab-documents__tabs__content__item--type
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.45rem;

    transition: opacity .6s ease-in-out; 

    opacity: 0;
    color: #fff;
}
.c-structured-tab-documents__tabs__content__item--date
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.45rem;

    margin-left: 6rem;

    transition: opacity .6s ease-in-out; 

    opacity: 0;
    color: #fff;
}
.c-structured-tab-documents__tabs__content__item--bottom
{
    display: flex;

    justify-content: center;
}
.c-structured-tab-documents__tabs__content__item--bottom p
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 2.4rem;
    font-weight: 500;

    transition: opacity .6s ease-in-out; 
    text-align: center;

    opacity: 0;
    color: #fff;
}

@media (max-width: 87.5em)
{
    .c-structured-tab-documents
    {
        padding: 0rem 4rem 0rem 4rem;
    }
    .c-structured-tab-documents__tabs__content__item
    {
        margin-right: -4rem; 
        margin-left: -4rem;
    }
}

@media (max-width: 80em)
{
    .c-structured-tab-documents__tabs
    {
        margin-top: 1rem;
        margin-bottom: 2rem;
    }
    .c-structured-tab-documents__tabs__content__item--container.first
    {
        padding: 4rem 16rem;
    }
}

@media (max-width: 64em)
{
    .c-structured-tab-documents__tabs__header__desktop
    {
        display: none;
    }
    .c-structured-tab-documents__tabs__header__mobile
    {
        position: relative;

        display: flex;
        flex-direction: column;
    }
    .c-structured-tab-documents__tabs__header__mobile.open .c-structured-tab-documents__tabs__header__mobile__button
    {
        border-color: #255b8e;
    }
    .c-structured-tab-documents__tabs__header__mobile.open .c-structured-tab-documents__tabs__header__mobile__button:after
    {
        transform: rotate(180deg); 

        border-color: #255b8e transparent transparent transparent;
    }
    .c-structured-tab-documents__tabs__header__mobile.open .c-structured-tab-documents__tabs__header__mobile__container
    {
        display: block;
    }
    .c-structured-tab-documents__tabs__header__mobile__button
    {
        font-size: 1.6rem;

        padding: 1.5rem 2rem;

        color: #1b1d27;
        border: .1rem solid #525668;
    }
    .c-structured-tab-documents__tabs__header__mobile__button:hover
    {
        border-color: #255b8e;
    }
    .c-structured-tab-documents__tabs__header__mobile__button:after
    {
        position: absolute;
        top: 2.5rem;
        right: 2rem;

        width: 0;
        height: 0;

        content: '';
        transition: all 300ms ease-in-out; 

        border-width: 4px 4px 0 4px;
        border-style: solid;
        border-color: #84899f transparent transparent transparent;
    }
    .c-structured-tab-documents__tabs__header__mobile__button span
    {
        font-size: 1.4rem; 

        color: #111827;
    }
    .c-structured-tab-documents__tabs__header__mobile__container
    {
        position: absolute;
        z-index: 10; 
        top: 6.1rem;

        display: none;

        width: 100%;

        color: #111827;
        border: .1rem solid #e7eaf2;
        background-color: #fff;
    }
    .c-structured-tab-documents__tabs__header__mobile__item
    {
        padding: .7rem 2rem;
    }
    .c-structured-tab-documents__tabs__header__mobile__item:hover
    {
        background: #f9fafc;
    }
    .c-structured-tab-documents__tabs__header__mobile__item span
    {
        font-size: 1.6rem; 

        color: #111827;
    }
    .c-structured-tab-documents__tabs__content
    {
        border: none;
    }
    .c-structured-tab-documents__tabs__content__item--container.first
    {
        padding: 4rem 8rem;
    }
    .c-structured-tab-documents__tabs__content__item--container .c-layer--no-v-padding
    {
        padding: 0 !important;
    }
    .c-editor-text
    {
        padding: 2rem;
    }
}

@media (max-width: 48em)
{
    .c-structured-tab-documents__tabs__content__item--container.first
    {
        padding: 4rem 2rem;
    }
}

.c-structured-profile-card-quote
{
    padding: 8rem;
}
@media (max-width: 87.49em)
{
    .c-structured-profile-card-quote
    {
        padding: 4rem;
    }
}
@media (max-width: 47.99em)
{
    .c-structured-profile-card-quote
    {
        padding: 4rem 2rem;
    }
}
.c-structured-profile-card-quote .c-profile-card-quote
{
    margin-top: 0rem;
    margin-bottom: 6rem; 

    box-shadow: 0 8px 13px 0 rgba(59, 135, 204, .08);
}
.c-structured-profile-card-quote .c-profile-card-quote:last-child
{
    margin-bottom: 0;
}
@media (max-width: 63.99em)
{
    .c-structured-profile-card-quote .c-profile-card-quote
    {
        flex-direction: column;

        min-height: inherit;
        max-height: inherit;

        box-shadow: inherit;
    }
    .c-structured-profile-card-quote .c-profile-card-quote__image
    {
        display: inherit;
        overflow: inherit;

        max-width: inherit;
    }
    .c-structured-profile-card-quote .c-profile-card-quote__image img
    {
        position: relative;
        top: inherit;
        left: inherit;

        width: 100%; 

        transform: inherit;
    }
    .c-structured-profile-card-quote .c-profile-card-quote__content
    {
        margin: 3rem 0rem 0rem 0rem;
    }
}
@media (max-width: 47.99em)
{
    .c-structured-profile-card-quote .c-profile-card-quote__content__button
    {
        position: relative;

        margin-top: 2rem;
    }
}

.c-structured-publications-items
{
    padding: 6rem 12rem;
}
.c-structured-publications-items__results
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 1.8rem;
    line-height: 2.6rem;

    margin-bottom: 3.6rem; 

    letter-spacing: 0;

    color: #1b1d27;
}
.c-structured-publications-items__results span
{
    color: #255b8e;
}
.c-structured-publications-items__container__items
{
    display: flex;

    flex-wrap: wrap;
    justify-content: center;
}
.c-structured-publications-items__container__items .c-publication-item
{
    display: flex;
    flex-direction: column;

    margin-bottom: 6rem; 

    flex-basis: 33%;
}
.c-structured-publications-items__container__items .c-publication-item:nth-last-child(1),
.c-structured-publications-items__container__items .c-publication-item:nth-last-child(2),
.c-structured-publications-items__container__items .c-publication-item:nth-last-child(3)
{
    margin-bottom: 0;
}
@supports (grid-gap: 0)
{
    .c-structured-publications-items__container__items
    {
        display: grid;

        grid-template-columns: repeat(3, 1fr);
        grid-gap: 6rem 2.5rem;
    }
    .c-structured-publications-items__container__items .c-publication-item
    {
        display: inherit;
        flex-direction: inherit;

        margin-bottom: inherit; 

        flex-basis: inherit;
    }
    .c-structured-publications-items__container__items .c-publication-item:nth-last-child(1),
    .c-structured-publications-items__container__items .c-publication-item:nth-last-child(2),
    .c-structured-publications-items__container__items .c-publication-item:nth-last-child(3)
    {
        margin-bottom: inherit;
    }
}
.c-structured-publications-items__pagination
{
    display: flex;

    margin-top: 8rem; 

    align-items: center;
    justify-content: center;
}
.c-structured-publications-items__pagination .pagination__nav-btn
{
    padding: 0 2rem 0 0;
}
.c-structured-publications-items__pagination .c-btn
{
    margin-left: 3rem; 
    padding: 0;
}

@media (max-width: 64em)
{
    .c-structured-publications-items
    {
        padding: 4rem;
    }
    .c-structured-publications-items__container__items
    {
        flex-direction: column;
    }
    .c-structured-publications-items__container__items .c-publication-item
    {
        flex-basis: inherit;
    }
    .c-structured-publications-items__container__items .c-publication-item.bell
    {
        margin-top: -6rem;
    }
    @supports (grid-gap: 0)
    {
        .c-structured-publications-items__container__items
        {
            display: grid;
            flex-direction: inherit; 

            grid-template-columns: repeat(1, 1fr);
            grid-gap: 0;
        }
        .c-structured-publications-items__container__items .c-publication-item.bell
        {
            margin-top: inherit;
        }
    }
    .c-structured-publications-items__pagination
    {
        flex-direction: column;

        margin-top: 6rem;
    }
    .c-structured-publications-items__pagination .c-btn
    {
        margin-top: 1.5rem;
        margin-left: 0;
    }
}

@media (max-width: 48em)
{
    .c-structured-publications-items
    {
        padding: 4rem 2rem;
    }
}

.c-structured-contact-detail-card
{
    display: flex;
    flex-direction: column;

    padding-top: 5.6rem;
}
@media (min-width: 48em)
{
    .c-structured-contact-detail-card
    {
        padding-top: 7rem;
    }
}
@media (min-width: 64em)
{
    .c-structured-contact-detail-card
    {
        display: flex;
        flex-direction: column;

        padding-top: 13.1rem;
    }
}
.c-structured-contact-detail-card__title
{
    padding: 4rem 2rem;
}
.c-structured-contact-detail-card__title h1
{
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 3rem;

    letter-spacing: 0;

    color: #141d29;
}
@media (min-width: 64em)
{
    .c-structured-contact-detail-card__title h1
    {
        font-size: 3.6rem; 
        line-height: 4.2rem;

        letter-spacing: 0;
    }
}
@media (min-width: 64em)
{
    .c-structured-contact-detail-card__title
    {
        padding: 4rem;
    }
}
@media (min-width: 87.5em)
{
    .c-structured-contact-detail-card__title
    {
        padding: 8rem 8rem 4rem 8rem;
    }
}
.c-structured-contact-detail-card__item
{
    padding: 0 2rem 4rem 2rem;
}
@media (min-width: 64em)
{
    .c-structured-contact-detail-card__item
    {
        padding: 0 4rem 4rem 4rem;
    }
}
@media (min-width: 87.5em)
{
    .c-structured-contact-detail-card__item
    {
        padding: 0 8rem 8rem 8rem;
    }
}
.c-structured-contact-detail-card .c-contact-card-item
{
    position: relative;

    padding: 0; 

    box-shadow: none;
}
.c-structured-contact-detail-card .c-contact-card-item:hover
{
    box-shadow: none;
}
@media (max-width: 63.99em)
{
    .c-structured-contact-detail-card .c-contact-card-item__image
    {
        width: 16rem;
    }
}
.c-structured-contact-detail-card .c-contact-card-item__content
{
    min-height: 25.6rem;
}
@media (max-width: 63.99em)
{
    .c-structured-contact-detail-card .c-contact-card-item__content
    {
        padding: 0 2rem;
    }
}
@media (max-width: 47.99em)
{
    .c-structured-contact-detail-card .c-contact-card-item__content
    {
        padding: 0;
    }
}
.c-structured-contact-detail-card .c-contact-card-item__btn
{
    bottom: 0;
}

.c-structured-text-only__title
{
    font-size: 3.6rem; 

    margin: 0;

    text-align: center;
}
@media (max-width: 64em)
{
    .c-structured-text-only__title
    {
        font-size: 2.4rem;
    }
}

.c-structured-text-only__description
{
    font-size: 1.8rem;

    max-width: 850px;
    margin: 0;
    margin: auto;
    padding-top: 4rem;
}
@media (max-width: 64em)
{
    .c-structured-text-only__description
    {
        font-size: 1.6rem; 

        padding-top: 2rem;
    }
}

.c-structured-text-only ul
{
    font-size: 1.6rem;
    line-height: 2.6rem; 

    margin: 0;
    margin-top: 3.8rem;
    padding: 0;
}
@media (min-width: 64em)
{
    .c-structured-text-only ul
    {
        font-size: 1.8rem;
        line-height: 3rem; 

        margin-top: 2.4rem;
    }
}
.c-structured-text-only ul li
{
    position: relative;

    margin-top: 1.5rem;
    padding-left: 3rem;
}
.c-structured-text-only ul li:before
{
    position: absolute;
    top: 1.7rem;
    left: 0;

    display: block;

    width: 1rem;
    height: .1rem;

    content: '';

    background-color: #073a7c;
}
.c-structured-text-only ul li ul
{
    margin-top: 0;
}
.c-structured-text-only ul li ul > li ul
{
    margin-top: 0;
}
.c-structured-text-only ul li ul > li ul > li
{
    margin-top: 0;
}
@media (min-width: 64em)
{
    .c-structured-text-only ul li
    {
        padding-left: 4.5rem;
    }
}

.c-structured-text-only ol
{
    font-size: 1.6rem;
    line-height: 2.6rem;

    margin-top: 4rem; 

    counter-reset: section;
}
@media (min-width: 64em)
{
    .c-structured-text-only ol
    {
        font-size: 1.8rem;
        line-height: 3rem;

        margin-top: 6rem;
    }
}
.c-structured-text-only ol li
{
    position: relative;

    padding-left: 3rem;
}
.c-structured-text-only ol li:not(:first-child)
{
    margin-top: 1.5rem;
}
.c-structured-text-only ol li:before
{
    position: absolute;
    top: .2rem;
    left: 0;

    display: block;

    content: counter(section);
    counter-increment: section; 

    color: #073a7c;
}
@media (min-width: 64em)
{
    .c-structured-text-only ol li
    {
        padding-left: 5rem;
    }
}

.c-structured-text-rte .c-editor-text table
{
    font-family: Barlow,Arial,sans-serif; 

    position: unset;

    display: table !important;
    overflow-x: unset;

    width: 100%;
    max-width: 100%;
    margin: 5rem 0;
    margin-bottom: 20px;

    border-spacing: 0;
    border-collapse: collapse;

    text-align: unset;

    border: 0;
    background-color: #0000;
}
.c-structured-text-rte .c-editor-text table thead
{
    background-color: transparent;
}
.c-structured-text-rte .c-editor-text table tr
{
    display: table-row;
    flex-direction: unset;

    min-height: unset !important; 

    border-bottom: unset;

    align-items: unset;
    justify-content: unset;
}
.c-structured-text-rte .c-editor-text table tr:first-child
{
    border-bottom: unset;
}
.c-structured-text-rte .c-editor-text table tr th
{
    font-size: unset;
    font-weight: normal;
    line-height: unset;

    display: table-cell;

    min-width: unset;
    padding: 5px;

    vertical-align: middle; 
    letter-spacing: unset;

    color: white;
    border: 1px solid #ddd;
    border-bottom-width: 1px;
    background-color: #4c4c4c;

    flex: unset;
    align-items: unset;
    justify-content: unset;
}
.c-structured-text-rte .c-editor-text table tr td
{
    font-size: unset;
    line-height: unset;

    display: table-cell;

    min-width: unset;
    padding: 5px; 

    letter-spacing: unset;

    border: 1px solid #ddd;

    flex: unset;
    align-items: unset;
    justify-content: unset;
}
.c-structured-text-rte .c-editor-text table tbody > tr:hover > td,
.c-structured-text-rte .c-editor-text table tbody > tr:hover > th
{
    background-color: #f5f5f5;
}
@media (max-width: 63.99em)
{
    .c-structured-text-rte .c-editor-text table
    {
        display: block !important;
        overflow-x: auto;

        width: 100%; 

        white-space: nowrap;
    }
}

.c-structured-product-landscape
{
    padding-top: 2rem;
    padding-bottom: 2rem;
}
@media (min-width: 48em)
{
    .c-structured-product-landscape
    {
        padding-top: 0;
        padding-bottom: 0;
    }
}
.c-structured-product-landscape__pretitle
{
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.8;

    margin: 0;
    margin-bottom: 1rem;

    letter-spacing: .6rem;
    text-transform: uppercase; 

    color: #525668;
}
@media (max-width: 63.99em)
{
    .c-structured-product-landscape__pretitle
    {
        font-size: 1.2rem;

        letter-spacing: .4rem;
    }
}
.c-structured-product-landscape__title
{
    margin: 0 0 2rem 0;
}
@media (max-width: 63.99em)
{
    .c-structured-product-landscape__title
    {
        font-size: 2.4rem;
    }
}
.c-structured-product-landscape .c-product-card__large
{
    padding-top: 0 !important;

    justify-content: flex-start;
}
.c-structured-product-landscape .c-product-card-item
{
    margin-top: 0;
}
@media (min-width: 64em)
{
    .c-structured-product-landscape .c-product-card-item
    {
        padding-top: 0;
        padding-bottom: 0;
    }
}
@media (max-width: 64em)
{
    .c-structured-product-landscape .c-product-card-item
    {
        width: 100%;
        max-width: none;
    }
}

/* ==========================================================================
   #Structured product presentation
   ========================================================================== */
/*
---
name: Structured product presentation
category: 03 - Organisms
---

Normal
```structured-product-presentation.html
<div class="c-structured-product-presentation">

  <div class="c-structured-product-presentation__product-description-container">

    <img src="img" alt="product" class="c-structured-product-presentation__img" />

    <div class="c-product-description-card">

      <h3 class="c-product-description-card__title">title</h3>

      <div>
        <a href="#" class="c-product-description-card__link">linkName</a>
        <a href="#" class="c-product-description-card__link">linkName</a>
      </div>

      <p class="c-product-description-card__info-container">
        <span class="c-product-description-card__info-label">infoLabel</span>
        <span class="c-product-description-card__info-value">infoValue</span>
      </p>

      <p class="c-product-description-card__info-container">
        <span class="c-product-description-card__info-label">infoLabel</span>
        <span class="c-product-description-card__info-value">infoValue</span>
      </p>

      <p class="c-product-description-card__info-container">
        <span class="c-product-description-card__info-label">infoLabel</span>
        <span class="c-product-description-card__info-value">infoValue</span>
      </p>

      <div class="c-product-description-card__buttons-container">
        <a href="#" class="c-btn c-btn--primary">buttonName</a>
        <a href="#" class="c-btn c-btn--secondary">buttonName</a>
      </div>

    </div>

  </div>

  <p class="c-structured-product-presentation__description">description</p>

  <div class="c-layer c-layer--no-v-padding">

    <div class="c-structured-product-presentation__alternative-descriptions-container">

      <p class="c-structured-product-presentation__alternative-description">
        description 1
      </p>

      <p class="c-structured-product-presentation__alternative-description">
        description 2
      </p>

      <p class="c-structured-product-presentation__alternative-description">
        description 3
      </p>

    </div>

  </div>

</div>
```

*/
.c-structured-product-part-numbers__list
{
    font-size: 17px;

    display: flex;

    margin: 0; 
    padding-bottom: 0;

    color: #fff;

    flex-flow: row wrap;
    justify-content: left;
    align-items: center;
}
.c-structured-product-part-numbers__list__item
{
    margin-bottom: 5px; 

    color: #8eace6;
}
.c-structured-product-part-numbers__list__item:not(:last-child)
{
    margin-right: 1.5rem;
}

.c-structured-categories-search
{
    padding-top: 8rem;
    padding-bottom: 5.6rem;

    background-color: #f9fafc;
}
@media (max-width: 64em)
{
    .c-structured-categories-search
    {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
}
.c-structured-categories-search__title
{
    font-size: 3.6rem;
    font-weight: 400; 
    line-height: 1.16;

    color: #141d29;
}
@media (max-width: 64em)
{
    .c-structured-categories-search__title
    {
        font-size: 2.4rem;
    }
}
.c-structured-categories-search__title strong
{
    font-weight: 400;

    color: #255b8e;
}
.c-structured-categories-search__search-container
{
    display: flex;

    margin-top: 6.2rem;
    padding-right: 4rem; 
    padding-left: 4rem;

    justify-content: space-between;
    align-items: center;
}
@media (max-width: 64em)
{
    .c-structured-categories-search__search-container
    {
        flex-direction: column-reverse;

        margin-top: 4rem;
        padding: 0;
    }
    .c-structured-categories-search__search-container .c-btn.c-btn--primary-inverted.c-btn--ellipsis
    {
        width: 100%; 
        margin-bottom: 4rem;
    }
    .c-structured-categories-search__search-container .c-searchbar .c-btn--search
    {
        border-left: none;
    }
}
.c-structured-categories-search__search-container .c-searchbar
{
    width: 60.25%;
}
.c-structured-categories-search__search-container .c-searchbar .c-input input
{
    margin-bottom: 0;
}
@media (max-width: 64em)
{
    .c-structured-categories-search__search-container .c-searchbar
    {
        width: 100%;
    }
}

@media (max-width: 64em)
{
    .c-structured-categories .c-layer
    {
        padding: 0;
    }
}

.c-structured-categories__categories-container
{
    display: flex;

    width: 100%;
    padding-top: 3.5rem;
    padding-right: 2rem;
    padding-bottom: 6rem; 
    padding-left: 2rem;

    flex-wrap: wrap;
}
@media (max-width: 64em)
{
    .c-structured-categories__categories-container
    {
        padding: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
}

.c-structured-categories__category-link-wrapper
{
    width: 100%;
    padding: 0 2rem;

    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 50%;
    align-self: stretch;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
{
    .c-structured-categories__category-link-wrapper
    {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(50% - 4rem);
    }
}
@media (max-width: 64em)
{
    .c-structured-categories__category-link-wrapper
    {
        padding: 0; 

        flex: 0 100%;
    }
}

.c-structured-categories__category-link
{
    position: relative;

    display: block;
    display: flex;

    height: 100%;
    padding: 3rem 0;

    border-bottom: .1rem solid #d1d6e6;

    align-items: center;
}
.c-structured-categories__category-link:hover .c-structured-categories__category-text
{
    color: #255b8e;
}
@media (max-width: 63.99em)
{
    .c-structured-categories__category-link
    {
        padding: 2rem 4rem;
    }
}
@media (max-width: 47.99em)
{
    .c-structured-categories__category-link
    {
        padding: 2rem 2rem;
    }
}

.c-structured-categories__category-icon
{
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 30px;
    height: 3rem;

    transform: translateY(-50%); 

    background-color: #164682;
}
@media (max-width: 63.99em)
{
    .c-structured-categories__category-icon
    {
        left: 4rem;
    }
}
@media (max-width: 47.99em)
{
    .c-structured-categories__category-icon
    {
        left: 2rem;
    }
}
@media (max-width: 29.99em)
{
    .c-structured-categories__category-icon
    {
        left: 2rem;
    }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
{
    .c-structured-categories__category-icon
    {
        background-color: transparent;
    }
}

.c-structured-categories__category-text
{
    font-size: 1.8rem;

    display: block;

    padding-left: 6rem;

    transition: max-height 0s ease-in-out; 

    color: #1b1d27;
}
@media (max-width: 64em)
{
    .c-structured-categories__category-text
    {
        font-size: 1.6rem;
    }
}

.homepage .c-block_people-safran .c-structured-elements-list__item .c-video-item__image,
.alternative_homepage .c-block_people-safran .c-structured-elements-list__item .c-video-item__image
{
    padding-top: 47%;
}
.homepage .c-block_people-safran .c-structured-elements-list__item .c-video-item__image img,
.alternative_homepage .c-block_people-safran .c-structured-elements-list__item .c-video-item__image img
{
    position: absolute;
    top: 0;
}

.homepage .l-background .c-structured-elements-list-nowsafran,
.alternative_homepage .l-background .c-structured-elements-list-nowsafran
{
    display: flex;
    flex-direction: row;

    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
}
.homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage,
.alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage
{
    position: relative;

    display: flex;
    flex-direction: column; 

    margin-top: 5.9rem;

    cursor: pointer;

    flex-basis: calc(33% - 1.5rem);
}
.homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage a:hover .c-structured-elements-list__item__text,
.homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage a:hover p,
.alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage a:hover .c-structured-elements-list__item__text,
.alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage a:hover p
{
    color: #7fb8e7 !important;
}
@media (max-width: 48em)
{
    .homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage,
    .alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage
    {
        margin-top: 0;

        border-bottom: 1px solid #525668; 

        flex-basis: 100%;
    }
}
.homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-structured-elements-list__item,
.alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-structured-elements-list__item
{
    border-bottom: none;
}
.homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-structured-elements-list__item .darkbg,
.alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-structured-elements-list__item .darkbg
{
    background-color: #121827 !important;
}
.homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-structured-elements-list__item.small,
.alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-structured-elements-list__item.small
{
    margin-right: 0;
}
@media (max-width: 64em)
{
    .homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-structured-elements-list__item .c-showcase-news,
    .alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-structured-elements-list__item .c-showcase-news
    {
        margin: 0;
    }
}
.homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-structured-elements-list__item .c-video-item,
.alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-structured-elements-list__item .c-video-item
{
    max-width: 100%;
    margin-bottom: 0;
}
.homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-structured-elements-list__item .c-video-item__image,
.alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-structured-elements-list__item .c-video-item__image
{
    padding-top: 48.67%;
}
.homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-structured-elements-list__item .c-video-item__image img,
.alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-structured-elements-list__item .c-video-item__image img
{
    position: absolute;
    top: 0;

    max-width: 100%;
}
.homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-list-link .c-playlist-item__image,
.homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-list-link .c-video-item__image,
.homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-list-link .c-showcase-news__image,
.homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-list-link .c-showcase-cp__image,
.alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-list-link .c-playlist-item__image,
.alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-list-link .c-video-item__image,
.alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-list-link .c-showcase-news__image,
.alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-list-link .c-showcase-cp__image
{
    padding-top: 48.67%;
}
.homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-list-link .c-playlist-item__image img,
.homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-list-link .c-video-item__image img,
.homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-list-link .c-showcase-news__image img,
.homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-list-link .c-showcase-cp__image img,
.alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-list-link .c-playlist-item__image img,
.alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-list-link .c-video-item__image img,
.alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-list-link .c-showcase-news__image img,
.alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-list-link .c-showcase-cp__image img
{
    position: absolute;
    top: 0;

    max-width: 100%;
}
.homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-list-link .c-image-orientation__image--portrait img,
.alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-list-link .c-image-orientation__image--portrait img
{
    height: 100%;
}
.homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-list-link .c-structured-elements-list__item__backgroundcolor,
.alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-list-link .c-structured-elements-list__item__backgroundcolor
{
    height: auto;
    padding-top: calc(48.67% + 9.4rem);
}
@media (min-width: 48em)
{
    .homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-list-link .c-structured-elements-list__item__backgroundcolor,
    .alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-list-link .c-structured-elements-list__item__backgroundcolor
    {
        display: none;
    }
}
.homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-showcase-news,
.homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-showcase-cp,
.alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-showcase-news,
.alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-showcase-cp
{
    flex-direction: column;

    align-items: flex-start;
}
.homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-showcase-news__image,
.homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-showcase-cp__image,
.alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-showcase-news__image,
.alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-showcase-cp__image
{
    position: relative;

    display: flex;
    overflow: hidden;

    width: 100%;
    margin-bottom: 3rem;

    transform-origin: center center;

    align-items: center;
    justify-content: center;
}
.homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-showcase-news__content,
.homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-showcase-cp__content,
.alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-showcase-news__content,
.alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-showcase-cp__content
{
    display: flex;
    flex-direction: column;

    width: 100%;
    padding-left: 0;

    align-items: flex-start;
    justify-content: center;
}
.homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-showcase-news__content p,
.homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-showcase-cp__content p,
.alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-showcase-news__content p,
.alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-showcase-cp__content p
{
    text-align: left;

    color: #fff;
}
.homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-showcase-news__content p:hover,
.homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-showcase-cp__content p:hover,
.alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-showcase-news__content p:hover,
.alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-showcase-cp__content p:hover
{
    color: #7fb8e7;
}
.homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-showcase-news__content .infos__date,
.homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-showcase-cp__content .infos__date,
.alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-showcase-news__content .infos__date,
.alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-showcase-cp__content .infos__date
{
    color: #fff;
}
@media (max-width: 48em)
{
    .homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-showcase-news,
    .homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-showcase-cp,
    .alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-showcase-news,
    .alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-showcase-cp
    {
        margin: 0;
    }
}
@media (max-width: 48em)
{
    .homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-structured-elements-list__item,
    .alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-structured-elements-list__item
    {
        flex-basis: 100%;
    }
}
.homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-structured-elements-list__item.c-list-link .c-video-item__image,
.alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-structured-elements-list__item.c-list-link .c-video-item__image
{
    position: relative;

    display: flex;
    overflow: hidden;

    width: 100%;
    margin-bottom: 3rem; 

    transform-origin: center center;

    background-color: #84899f;

    align-items: center;
    justify-content: center;
}
.homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-structured-elements-list__item.c-list-link .c-video-item__image:hover img,
.homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-structured-elements-list__item.c-list-link .c-video-item__image:hover iframe,
.alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-structured-elements-list__item.c-list-link .c-video-item__image:hover img,
.alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-structured-elements-list__item.c-list-link .c-video-item__image:hover iframe
{
    transform: scale(1.02);
}
.homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-structured-elements-list__item.c-list-link .c-video-item__image .player,
.alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-structured-elements-list__item.c-list-link .c-video-item__image .player
{
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;

    display: flex;

    width: 9.3rem;
    height: 9.3rem;

    transition: all .5s; 
    transform: translate(-50%, -50%);

    border: .3rem solid #fff;
    border-radius: 4.5rem;

    align-items: center;
    justify-content: center;
}
@media (max-width: 48em)
{
    .homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-structured-elements-list__item.c-list-link .c-video-item__image img,
    .alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-structured-elements-list__item.c-list-link .c-video-item__image img
    {
        height: 100%;
    }
}
.homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-structured-elements-list__item.c-list-link .c-video-item__image--alt,
.alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-structured-elements-list__item.c-list-link .c-video-item__image--alt
{
    margin-bottom: 0;
}
.homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-structured-elements-list__item .c-playlist-item__image,
.alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-structured-elements-list__item .c-playlist-item__image
{
    position: relative;

    display: flex;
    overflow: hidden;

    width: 100%;
    margin-bottom: 3rem; 

    transform-origin: center center;

    background-color: #84899f;

    align-items: center;
    justify-content: center;
}
.homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-structured-elements-list__item .c-playlist-item__image .c-structured-elements-list__item__video--number .icon_pagination,
.alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-structured-elements-list__item .c-playlist-item__image .c-structured-elements-list__item__video--number .icon_pagination
{
    margin-right: .8rem;
}
.homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-structured-elements-list__item .c-playlist-item__image .c-structured-elements-list__item__video--number .icon_pagination::before,
.alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-structured-elements-list__item .c-playlist-item__image .c-structured-elements-list__item__video--number .icon_pagination::before
{
    width: 2.3rem; 
    height: 2rem;

    content: url(../images/icons/paginate-filter-video.svg);
}
.homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-structured-elements-list__item .c-playlist-item .c-video-playlist__overlay,
.alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-structured-elements-list__item .c-playlist-item .c-video-playlist__overlay
{
    display: none;
}
.homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-structured-elements-list__item .c-structured-elements-list__item__image--number span img,
.alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-structured-elements-list__item .c-structured-elements-list__item__image--number span img
{
    position: relative;
}
.homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-structured-elements-list__item .c-structured-elements-list__item__text,
.alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-structured-elements-list__item .c-structured-elements-list__item__text
{
    color: #fff;
}
.homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-structured-elements-list__item .c-structured-elements-list__item__text:hover,
.alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-structured-elements-list__item .c-structured-elements-list__item__text:hover
{
    color: #7fb8e7;
}
.homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-structured-elements-list__item .c-structured-elements-list__item__text span,
.homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-structured-elements-list__item .c-structured-elements-list__item__text p,
.alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-structured-elements-list__item .c-structured-elements-list__item__text span,
.alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-structured-elements-list__item .c-structured-elements-list__item__text p
{
    color: #fff;
}
.homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-structured-elements-list__item .c-structured-elements-list__item__text span:hover,
.homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-structured-elements-list__item .c-structured-elements-list__item__text p:hover,
.alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-structured-elements-list__item .c-structured-elements-list__item__text span:hover,
.alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage .c-structured-elements-list__item .c-structured-elements-list__item__text p:hover
{
    color: #7fb8e7;
}
.homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage:nth-child(1),
.homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage:nth-child(2),
.alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage:nth-child(1),
.alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage:nth-child(2)
{
    min-height: calc((50vw*55)/113); 
    margin-top: 0;

    flex-basis: calc(50% - 1.5rem);
}
@media (max-width: 48em)
{
    .homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage:nth-child(1),
    .homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage:nth-child(2),
    .alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage:nth-child(1),
    .alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage:nth-child(2)
    {
        height: auto;

        flex-basis: 100%;
    }
}
.homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage:nth-child(1) .c-showcase-news__content,
.homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage:nth-child(2) .c-showcase-news__content,
.alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage:nth-child(1) .c-showcase-news__content,
.alternative_homepage .l-background .c-structured-elements-list-nowsafran .nowsafran-block-homepage:nth-child(2) .c-showcase-news__content
{
    height: auto;
}

table
{
    font-family: Barlow,Arial,sans-serif; 

    width: 100%;
    max-width: 80%;
    margin: 0 auto;

    border-spacing: 0;
    border-collapse: collapse;

    border: 0;
}
@media (min-width: 64em)
{
    table
    {
        max-width: 90%;
    }
}
@media (min-width: 87.5em)
{
    table
    {
        max-width: 85%;
    }
}
table thead
{
    background-color: #f9fafc;
}
table thead tr td
{
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2rem;

    padding: 2rem;

    text-align: center; 
    letter-spacing: .6px;

    color: #525668;
    border-color: transparent;
}
table tbody tr
{
    height: 6.3rem;

    border-bottom: .1rem solid #d1d6e6;
}
table tbody tr td
{
    font-size: 1.8rem;
    line-height: 2.2rem;

    text-align: center;

    color: #1b1d27;
    border-color: transparent;
}

@media (max-width: 64em)
{
    table
    {
        max-width: 100%;
    }
}

@media (max-width: 48em)
{
    table
    {
        display: block;
        overflow-x: scroll;
        overflow-y: hidden;

        width: 100%;
        padding-bottom: 2.6rem; 

        white-space: nowrap;
    }
    table::-webkit-scrollbar-track
    {
        position: absolute;
        top: calc(100% + 10rem);
        left: 0;

        width: 100%;
        margin-top: 3rem;

        border-radius: 10px; 
        background-color: #e8ecf4;
    }
    table::-webkit-scrollbar
    {
        position: absolute;
        top: calc(100% + 10rem);
        left: 0;

        width: 100%;
        height: 5px;

        background-color: transparent;
    }
    table::-webkit-scrollbar-thumb
    {
        height: 5px;
        margin-top: 3rem;

        border-radius: 10px; 
        background-color: #bcbfcf;
    }
    table thead th
    {
        font-size: 1.4rem;
        line-height: 2rem;

        letter-spacing: .53px;
    }
    table tbody td
    {
        font-size: 1.6rem;
        line-height: 1.9rem;
    }
}

.c-page-form-pp
{
    width: 90%; 
    margin: 0 auto;
    padding-top: 9rem;
    padding-bottom: 4rem;
}

.c-structured-sitemap
{
    padding-top: 10rem;
}
.c-structured-sitemap .c-structured-sitemap__list-block
{
    display: flex;
    flex-direction: row;

    padding-top: 2rem;

    justify-content: space-between;
    flex-wrap: wrap;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
}
@media (max-width: 47.99em)
{
    .c-structured-sitemap .c-structured-sitemap__list-block
    {
        flex-direction: column;
    }
}
.c-structured-sitemap .c-structured-sitemap__list-block .c-structured-sitemap__block
{
    padding-bottom: 2rem; 

    flex-basis: 25%;
}
@media (max-width: 47.99em)
{
    .c-structured-sitemap .c-structured-sitemap__list-block .c-structured-sitemap__block
    {
        padding: 2rem 0; 

        border-bottom: 1px solid #bcbfcf;

        flex-basis: 100%;
    }
}
.c-structured-sitemap .c-structured-sitemap__list-block .c-structured-sitemap__block h2,
.c-structured-sitemap .c-structured-sitemap__list-block .c-structured-sitemap__block .title
{
    font-size: 2.2rem;

    margin-bottom: 0;
}
.c-structured-sitemap .c-structured-sitemap__list-block .c-structured-sitemap__block ul
{
    padding-left: 2rem;
}
.c-structured-sitemap .c-structured-sitemap__list-block .c-structured-sitemap__block ul ul
{
    padding-left: 4rem;
}

.c-structured-historical-event .title
{
    margin-bottom: 4rem;

    color: #fff;
}

.c-structured-historical-event .c-btn--arrow-btn
{
    color: #fff;
}
.c-structured-historical-event .c-btn--arrow-btn::after
{
    color: #fff;
}

.c-structured-historical-event--blade
{
    color: #fff;
}
.c-structured-historical-event--blade .c-subtitle
{
    padding: 0 8rem; 

    color: #a4acbc;
}
@media (max-width: 87.49em)
{
    .c-structured-historical-event--blade .c-subtitle
    {
        padding: 0 4rem;
    }
}
@media (max-width: 63.99em)
{
    .c-structured-historical-event--blade .c-subtitle
    {
        padding: 0 4rem;
    }
}
@media (max-width: 47.99em)
{
    .c-structured-historical-event--blade .c-subtitle
    {
        padding: 0 2rem;
    }
}
@media (max-width: 29.99em)
{
    .c-structured-historical-event--blade .c-subtitle
    {
        padding: 0 2rem;
    }
}
.c-structured-historical-event--blade .c-btn
{
    color: #fff;
}
.c-structured-historical-event--blade .c-btn::after
{
    color: #fff;
}

.c-structured-historical-event-cards
{
    display: flex;
    flex-direction: column;
}
@media (min-width: 80em)
{
    .c-structured-historical-event-cards
    {
        flex-direction: row;
    }
}

.c-structured-prev-next-items .title
{
    margin-bottom: 4rem;

    color: #fff;
}

.c-structured-prev-next-items .c-btn--arrow-btn
{
    color: #fff;
}
.c-structured-prev-next-items .c-btn--arrow-btn::after
{
    color: #fff;
}

.c-structured-prev-next-items-cards
{
    display: flex;
    flex-direction: column;

    gap: 4rem;
    justify-content: space-between;
}
@media (min-width: 64em)
{
    .c-structured-prev-next-items-cards
    {
        flex-direction: row;
    }
}

.c-structured-prev-next-items-card
{
    font-size: 2.8rem;

    display: flex;
    flex-direction: column;

    width: 100%;
    padding: 4rem;

    text-align: right;

    color: #141d29;
    background-color: #fff;

    justify-content: space-between;
}
@media (min-width: 64em)
{
    .c-structured-prev-next-items-card
    {
        width: 33%;
    }
}
.c-structured-prev-next-items-card.current
{
    color: #fff;
    background-color: #111827;
}
.c-structured-prev-next-items-card .c-btn--text-button
{
    padding-right: 0;
}

.barometer-html,
.barometer
{
    position: relative;
}
@media (min-width: 64em)
{
    .barometer-html,
    .barometer
    {
        overflow: hidden; 

        height: 100%;
        margin: 0;
        padding: 0;
    }
    .barometer-html #content,
    .barometer-html #main-content,
    .barometer-html form,
    .barometer #content,
    .barometer #main-content,
    .barometer form
    {
        height: 100%;
    }
}

.barometer-html .messages
{
    position: absolute;
    z-index: 10; 
    top: 20px;
    right: 10px;
    left: 10px;
}

.barometer-wrapper
{
    display: flex;

    flex-flow: column;
}
.barometer-wrapper .form-infos
{
    display: flex;

    width: 100%;
    height: 216px;

    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover;

    flex-flow: column;
    justify-content: flex-end;
}
.barometer-wrapper .form-bar-wrapper
{
    position: relative;

    width: calc(100% - 100px);
    margin: auto auto 32px;
}
.barometer-wrapper .form-bar-wrapper .form-bar-infos
{
    position: relative;

    text-align: center; 

    color: #f9fafc;
}
.barometer-wrapper .form-bar-wrapper .form-bar-infos .small
{
    font-size: 11px;

    position: absolute;
    bottom: 15px; 
    left: 0;
}
.barometer-wrapper .form-bar-wrapper .form-bar-infos .big
{
    font-size: 50px;
}
.barometer-wrapper .form-bar-wrapper .form-bar-infos .big span
{
    font-size: 24px;
}
.barometer-wrapper .form-bar-wrapper .form-bar-full
{
    position: relative;

    overflow: hidden;

    width: 100%;
    height: 5px;

    border-radius: 3px;
    background-color: #fff;
}
.barometer-wrapper .form-bar-wrapper .form-bar-full .bar
{
    position: absolute;
    z-index: 1; 
    top: 0;
    left: 0;

    height: 100%;

    border-radius: 2px;
    background-color: #497fc1;
}
.barometer-wrapper .form-main-wrapper
{
    font-size: 28px;
    line-height: 42px; 

    padding: 40px 50px;
}
.barometer-wrapper .form-main-wrapper > p
{
    font-size: 42px;
}
.barometer-wrapper .form-main-wrapper .js-form-item
{
    display: flex;

    margin-bottom: 30px; 

    align-items: center;
}
.barometer-wrapper .form-main-wrapper .js-form-item legend
{
    font-size: 28px;
}
.barometer-wrapper .form-main-wrapper .js-form-item legend .small
{
    font-size: 22px;

    display: block;
}
.barometer-wrapper .form-main-wrapper .js-form-item legend p:last-of-type,
.barometer-wrapper .form-main-wrapper .js-form-item legend .required
{
    display: inline;
}
.barometer-wrapper .form-main-wrapper .js-form-item .fieldset-wrapper
{
    margin-top: 1em;
}
.barometer-wrapper .form-main-wrapper .js-form-item label
{
    font-size: 26px; 
    line-height: 26px;

    margin-left: 15px;
}
.barometer-wrapper .form-main-wrapper .js-form-item.js-form-type-textarea
{
    flex-flow: column;
    align-items: flex-start;
}
.barometer-wrapper .form-main-wrapper .js-form-item.js-form-type-textarea label
{
    font-size: 28px; 
    line-height: 42px;

    margin-left: 0;
}
.barometer-wrapper .form-main-wrapper .c-structured-tab-filters__form-filters__btn-container
{
    justify-content: flex-end;
}
@media (max-width: 47.99em)
{
    .barometer-wrapper .form-main-wrapper .c-structured-tab-filters__form-filters__btn-container
    {
        justify-content: center;
    }
}
.barometer-wrapper .form-main-wrapper .c-structured-tab-filters__form-filters__btn-container .c-btn
{
    position: relative;

    margin-right: -1.1rem;
    padding-right: 5rem;

    color: #073a7c; 
    background-color: transparent;

    align-items: center;
}
@media (max-width: 47.99em)
{
    .barometer-wrapper .form-main-wrapper .c-structured-tab-filters__form-filters__btn-container .c-btn
    {
        display: flex;
        flex-direction: column;

        margin-right: 0; 
        padding: 4rem 2rem;
        padding-right: 0;
        padding-left: 0;
    }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
{
    .barometer-wrapper .form-main-wrapper .c-structured-tab-filters__form-filters__btn-container .c-btn
    {
        line-height: 1.5; 

        display: inline-flex;

        align-items: center;
    }
}
.barometer-wrapper .form-main-wrapper .c-structured-tab-filters__form-filters__btn-container .c-btn::after
{
    font-family: 'icomoon' !important;
    font-size: 2rem;
    font-weight: 300;

    position: absolute;
    z-index: 0;
    top: calc(50% - 1.2rem);
    right: 1rem;
    left: initial;

    display: block;

    width: auto;
    height: auto;

    content: '';
    transition: max-height 0s ease-in-out; 
    transform: none;

    color: #073a7c;
    background: none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
{
    .barometer-wrapper .form-main-wrapper .c-structured-tab-filters__form-filters__btn-container .c-btn::after
    {
        line-height: .1; 

        position: static;

        display: inline-block;
    }
}
@media (max-width: 47.99em)
{
    .barometer-wrapper .form-main-wrapper .c-structured-tab-filters__form-filters__btn-container .c-btn::after
    {
        position: relative;
        top: initial;
        right: initial;

        display: block;

        margin-top: .5rem;
    }
}
.barometer-wrapper .form-main-wrapper .c-structured-tab-filters__form-filters__btn-container .c-btn:hover::after
{
    animation-name: hvr-icon-drop-horizontal;
    animation-duration: .6s;
    animation-timing-function: ease-in-out; 
    animation-iteration-count: 1;
}
.barometer-wrapper .form-main-wrapper .close-barometer
{
    font: inherit;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.23;

    position: relative;
    position: relative;

    display: block;
    overflow: hidden;

    box-sizing: content-box; 
    width: 110px;
    margin: 0;
    margin-right: -1.1rem;
    margin-left: auto;
    padding: 2rem 4rem;
    padding-right: 5rem;

    cursor: pointer;
    transition: max-height 0s ease-in-out;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: .28rem;
    text-transform: uppercase;

    color: #073a7c;
    border: none;
    background-color: transparent;

    align-items: center;
}
@media (max-width: 47.99em)
{
    .barometer-wrapper .form-main-wrapper .close-barometer
    {
        display: flex;
        flex-direction: column;

        margin-right: 0; 
        padding: 4rem 2rem;
        padding-right: 0;
        padding-left: 0;
    }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
{
    .barometer-wrapper .form-main-wrapper .close-barometer
    {
        line-height: 1.5; 

        display: inline-flex;

        align-items: center;
    }
}
.barometer-wrapper .form-main-wrapper .close-barometer::after
{
    font-family: 'icomoon' !important;
    font-size: 2rem;
    font-weight: 300;

    position: absolute;
    z-index: 0;
    top: calc(50% - 1.2rem);
    right: 1rem;
    left: initial;

    display: block;

    width: auto;
    height: auto;

    content: '';
    transition: max-height 0s ease-in-out; 
    transform: none;

    color: #073a7c;
    background: none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
{
    .barometer-wrapper .form-main-wrapper .close-barometer::after
    {
        line-height: .1; 

        position: static;

        display: inline-block;
    }
}
@media (max-width: 47.99em)
{
    .barometer-wrapper .form-main-wrapper .close-barometer::after
    {
        position: relative;
        top: initial;
        right: initial;

        display: block;

        margin-top: .5rem;
    }
}
.barometer-wrapper .form-main-wrapper .close-barometer:hover::after
{
    animation-name: hvr-icon-drop-horizontal;
    animation-duration: .6s;
    animation-timing-function: ease-in-out; 
    animation-iteration-count: 1;
}
@media (min-width: 64em)
{
    .barometer-wrapper
    {
        height: 100%; 

        flex-flow: row;
        align-items: stretch;
    }
    .barometer-wrapper .form-infos,
    .barometer-wrapper .form-main-wrapper
    {
        width: 50%;
        height: 100%;

        flex: 0 0 50%;
    }
    .barometer-wrapper .form-infos
    {
        height: auto; 

        order: 2;
    }
    .barometer-wrapper .form-main-wrapper
    {
        overflow: auto;

        padding: 80px 65px;
    }
}

/* ==========================================================================
   LAYOUTS
   ========================================================================== */
/* ==========================================================================
   # HEADER
   ========================================================================== */
/*
---
name: Header
category: Layout
---

```header.html
<div style="position: relative;">
  <header class="c-header c-header--dark">
    <div class="c-header__inner">

      <!-- header main -->
      <nav class="c-header-main" aria-label="Primary navigation">

        <ul role="menubar" aria-label="Main actions" class="c-header-main__navigation-menubar">

          <li role="none" class="c-header-main__stock-index">
            SAF 126.6
            <span class="c-header-main__stock-index-value">+0.34%</span>
          </li>

          <li role="none">
            <button class="c-header-main__toggle-button" role="menuitem" tabindex="0" aria-haspopup="true" aria-expanded="false">Worldwide</button>
            <div class="c-header-main-hidden-content">
              Placeholder content
            </div>
          </li>

          <li role="none">
            <button class="c-header-main__toggle-button" role="menuitem" tabindex="-1" aria-haspopup="true" aria-expanded="false">Entities</button>
            <div class="c-header-main-hidden-content">
              Placeholder content
            </div>
          </li>

          <li role="none">
            <button class="c-header-main__toggle-button" role="menuitem" tabindex="-1" aria-haspopup="true" aria-expanded="false">English</button>
            <div class="c-header-main-hidden-content">
              Placeholder content
            </div>
          </li>

          <li role="none">
            <a class="c-header-main__main-content-link-element" role="menuitem" href="#" tabindex="-1">
              Login
            </a>
          </li>

          <li role="none">
            <a class="c-header-main__main-content-link-element" role="menuitem" href="#" tabindex="-1">
              EN
            </a>
          </li>

          <li role="none">
            <a class="c-header-main__main-content-link-element c-header__main-content-link-element--lighter" role="menuitem" href="#" tabindex="-1">
              search
            </a>
          </li>

        </ul>

      </nav>
      <!-- header subnav -->
      <div class="c-header-subnav">
        <a href="#" class="c-header-subnav__logo-link"><img src="/assets/images/logo-white.svg" class="c-header-subnav__logo"></a>

        <nav class="c-header-subnav__actions-container" aria-label="Secondary navigation">

          <ul class="c-header-subnav__navigation-container" role="menubar" aria-label="Page links">

            <li class="c-header-subnav__navigation-item-container" role="none">
              <span class="c-header-subnav__navigation-item" role="menuitem" tabindex="0" aria-haspopup="true" aria-expanded="false"><span class="c-header-subnav__navigation-item-inner">Group</span></span>
              <div class="c-header-hidden-content">

                <div class="c-layer c-layer--no-v-padding">

                  <div class="c-header-hidden-content__links-sections-container">

                    <ul class="c-header-hidden-content__links-section" role="menubar">
                      <li>
                        <a href="#" class="c-header-hidden-content__main-link" role="menuitem" tabindex="0">Présentation</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">En bref</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Gouvernance</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Références client</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Nos expertises</a>
                      </li>
                    </ul>

                    <ul class="c-header-hidden-content__links-section" role="menubar">
                      <li>
                        <a href="#" class="c-header-hidden-content__main-link" role="menuitem" tabindex="0">Innovation</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Domaines d'innovation</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Innover dans nos méthodes</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Innover avec nos partenaires</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Corporate Ventures</a>
                      </li>
                    </ul>

                    <ul class="c-header-hidden-content__links-section" role="menubar">
                      <li>
                        <a href="#" class="c-header-hidden-content__main-link" role="menuitem" tabindex="0">Engagements</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Anti-corruption</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Environnement</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Egalité et diversité</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Achats responsables</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Labels et certifications</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Projets citoyens</a>
                      </li>
                    </ul>

                    <ul class="c-header-hidden-content__links-section" role="menubar">
                      <li>
                        <a href="#" class="c-header-hidden-content__main-link" role="menuitem" tabindex="0">Travailler avec Safran</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Outils et portails</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Les métiers des achats</a>
                      </li>
                    </ul>

                    <ul class="c-header-hidden-content__links-section" role="menubar">
                      <li>
                        <a href="#" class="c-header-hidden-content__main-link" role="menuitem" tabindex="0">Histoire et Patrimoine</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Timeline</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Patrimoine</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Musée Safran</a>
                      </li>
                    </ul>

                  </div>

                </div>

                <div class="c-layer c-layer--no-v-padding">

                  <div class="c-header-hidden-content__buttons-container">
                    <button class="c-btn c-btn--primary">Safran worldwide</button>
                    <button class="c-btn c-btn--primary">Discover our entities</button>
                    <button class="c-btn c-btn--primary">Other</button>
                  </div>

                </div>

              </div>
            </li>

            <li class="c-header-subnav__navigation-item-container" role="none">
              <span class="c-header-subnav__navigation-item" role="menuitem" tabindex="-1" aria-haspopup="true" aria-expanded="false"><span class="c-header-subnav__navigation-item-inner">Products &amp; services</span></span>
              <div class="c-header-hidden-content">

                <div class="c-layer c-layer--no-v-padding">

                  <div class="c-header-hidden-content__links-sections-container">

                    <ul class="c-header-hidden-content__links-section" role="menubar">
                      <li>
                        <a href="#" class="c-header-hidden-content__main-link" role="menuitem" tabindex="0">Présentation</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">En bref</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Gouvernance</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Références client</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Nos expertises</a>
                      </li>
                    </ul>

                    <ul class="c-header-hidden-content__links-section" role="menubar">
                      <li>
                        <a href="#" class="c-header-hidden-content__main-link" role="menuitem" tabindex="0">Innovation</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Domaines d'innovation</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Innover dans nos méthodes</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Innover avec nos partenaires</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Corporate Ventures</a>
                      </li>
                    </ul>

                    <ul class="c-header-hidden-content__links-section" role="menubar">
                      <li>
                        <a href="#" class="c-header-hidden-content__main-link" role="menuitem" tabindex="0">Engagements</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Anti-corruption</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Environnement</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Egalité et diversité</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Achats responsables</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Labels et certifications</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Projets citoyens</a>
                      </li>
                    </ul>

                    <ul class="c-header-hidden-content__links-section" role="menubar">
                      <li>
                        <a href="#" class="c-header-hidden-content__main-link" role="menuitem" tabindex="0">Travailler avec Safran</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Outils et portails</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Les métiers des achats</a>
                      </li>
                    </ul>

                    <ul class="c-header-hidden-content__links-section" role="menubar">
                      <li>
                        <a href="#" class="c-header-hidden-content__main-link" role="menuitem" tabindex="0">Histoire et Patrimoine</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Timeline</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Patrimoine</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Musée Safran</a>
                      </li>
                    </ul>

                  </div>

                </div>

                <div class="c-layer c-layer--no-v-padding">

                  <div class="c-header-hidden-content__buttons-container">
                    <button class="c-btn c-btn--primary">Safran worldwide</button>
                    <button class="c-btn c-btn--primary">Discover our entities</button>
                    <button class="c-btn c-btn--primary">Other</button>
                  </div>

                </div>

              </div>
            </li>

            <li class="c-header-subnav__navigation-item-container" role="none">
              <span class="c-header-subnav__navigation-item" role="menuitem" tabindex="-1" aria-haspopup="true" aria-expanded="false"><span class="c-header-subnav__navigation-item-inner">Finance</span></span>
              <div class="c-header-hidden-content">

                <div class="c-layer c-layer--no-v-padding">

                  <div class="c-header-hidden-content__links-sections-container">

                    <ul class="c-header-hidden-content__links-section" role="menubar">
                      <li>
                        <a href="#" class="c-header-hidden-content__main-link" role="menuitem" tabindex="0">Présentation</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">En bref</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Gouvernance</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Références client</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Nos expertises</a>
                      </li>
                    </ul>

                    <ul class="c-header-hidden-content__links-section" role="menubar">
                      <li>
                        <a href="#" class="c-header-hidden-content__main-link" role="menuitem" tabindex="0">Innovation</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Domaines d'innovation</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Innover dans nos méthodes</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Innover avec nos partenaires</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Corporate Ventures</a>
                      </li>
                    </ul>

                    <ul class="c-header-hidden-content__links-section" role="menubar">
                      <li>
                        <a href="#" class="c-header-hidden-content__main-link" role="menuitem" tabindex="0">Engagements</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Anti-corruption</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Environnement</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Egalité et diversité</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Achats responsables</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Labels et certifications</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Projets citoyens</a>
                      </li>
                    </ul>

                    <ul class="c-header-hidden-content__links-section" role="menubar">
                      <li>
                        <a href="#" class="c-header-hidden-content__main-link" role="menuitem" tabindex="0">Travailler avec Safran</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Outils et portails</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Les métiers des achats</a>
                      </li>
                    </ul>

                    <ul class="c-header-hidden-content__links-section" role="menubar">
                      <li>
                        <a href="#" class="c-header-hidden-content__main-link" role="menuitem" tabindex="0">Histoire et Patrimoine</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Timeline</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Patrimoine</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Musée Safran</a>
                      </li>
                    </ul>

                  </div>

                </div>

                <div class="c-layer c-layer--no-v-padding">

                  <div class="c-header-hidden-content__buttons-container">
                    <button class="c-btn c-btn--primary">Safran worldwide</button>
                    <button class="c-btn c-btn--primary">Discover our entities</button>
                    <button class="c-btn c-btn--primary">Other</button>
                  </div>

                </div>

              </div>
            </li>

            <li class="c-header-subnav__navigation-item-container" role="none">
              <span class="c-header-subnav__navigation-item" role="menuitem" tabindex="-1" aria-haspopup="true" aria-expanded="false"><span class="c-header-subnav__navigation-item-inner">Careers</span></span>
              <div class="c-header-hidden-content">

                <div class="c-layer c-layer--no-v-padding">

                  <div class="c-header-hidden-content__links-sections-container">

                    <ul class="c-header-hidden-content__links-section" role="menubar">
                      <li>
                        <a href="#" class="c-header-hidden-content__main-link" role="menuitem" tabindex="0">Présentation</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">En bref</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Gouvernance</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Références client</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Nos expertises</a>
                      </li>
                    </ul>

                    <ul class="c-header-hidden-content__links-section" role="menubar">
                      <li>
                        <a href="#" class="c-header-hidden-content__main-link" role="menuitem" tabindex="0">Innovation</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Domaines d'innovation</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Innover dans nos méthodes</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Innover avec nos partenaires</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Corporate Ventures</a>
                      </li>
                    </ul>

                    <ul class="c-header-hidden-content__links-section" role="menubar">
                      <li>
                        <a href="#" class="c-header-hidden-content__main-link" role="menuitem" tabindex="0">Engagements</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Anti-corruption</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Environnement</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Egalité et diversité</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Achats responsables</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Labels et certifications</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Projets citoyens</a>
                      </li>
                    </ul>

                    <ul class="c-header-hidden-content__links-section" role="menubar">
                      <li>
                        <a href="#" class="c-header-hidden-content__main-link" role="menuitem" tabindex="0">Travailler avec Safran</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Outils et portails</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Les métiers des achats</a>
                      </li>
                    </ul>

                    <ul class="c-header-hidden-content__links-section" role="menubar">
                      <li>
                        <a href="#" class="c-header-hidden-content__main-link" role="menuitem" tabindex="0">Histoire et Patrimoine</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Timeline</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Patrimoine</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Musée Safran</a>
                      </li>
                    </ul>

                  </div>

                </div>

                <div class="c-layer c-layer--no-v-padding">

                  <div class="c-header-hidden-content__buttons-container">
                    <button class="c-btn c-btn--primary">Safran worldwide</button>
                    <button class="c-btn c-btn--primary">Discover our entities</button>
                    <button class="c-btn c-btn--primary">Other</button>
                  </div>

                </div>

              </div>
            </li>

            <li class="c-header-subnav__navigation-item-container" role="none">
              <span class="c-header-subnav__navigation-item" role="menuitem" tabindex="-1" aria-haspopup="true" aria-expanded="false"><span class="c-header-subnav__navigation-item-inner">Newsroom</span></span>
              <div class="c-header-hidden-content">

                <div class="c-layer c-layer--no-v-padding">

                  <div class="c-header-hidden-content__links-sections-container">

                    <ul class="c-header-hidden-content__links-section" role="menubar">
                      <li>
                        <a href="#" class="c-header-hidden-content__main-link" role="menuitem" tabindex="0">Présentation</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">En bref</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Gouvernance</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Références client</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Nos expertises</a>
                      </li>
                    </ul>

                    <ul class="c-header-hidden-content__links-section" role="menubar">
                      <li>
                        <a href="#" class="c-header-hidden-content__main-link" role="menuitem" tabindex="0">Innovation</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Domaines d'innovation</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Innover dans nos méthodes</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Innover avec nos partenaires</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Corporate Ventures</a>
                      </li>
                    </ul>

                    <ul class="c-header-hidden-content__links-section" role="menubar">
                      <li>
                        <a href="#" class="c-header-hidden-content__main-link" role="menuitem" tabindex="0">Engagements</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Anti-corruption</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Environnement</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Egalité et diversité</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Achats responsables</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Labels et certifications</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Projets citoyens</a>
                      </li>
                    </ul>

                    <ul class="c-header-hidden-content__links-section" role="menubar">
                      <li>
                        <a href="#" class="c-header-hidden-content__main-link" role="menuitem" tabindex="0">Travailler avec Safran</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Outils et portails</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Les métiers des achats</a>
                      </li>
                    </ul>

                    <ul class="c-header-hidden-content__links-section" role="menubar">
                      <li>
                        <a href="#" class="c-header-hidden-content__main-link" role="menuitem" tabindex="0">Histoire et Patrimoine</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Timeline</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Patrimoine</a>
                      </li>
                      <li>
                        <a href="#" class="c-header-hidden-content__link" role="menuitem" tabindex="-1">Musée Safran</a>
                      </li>
                    </ul>

                  </div>

                </div>

                <div class="c-layer c-layer--no-v-padding">

                  <div class="c-header-hidden-content__buttons-container">
                    <button class="c-btn c-btn--primary">Safran worldwide</button>
                    <button class="c-btn c-btn--primary">Discover our entities</button>
                    <button class="c-btn c-btn--primary">Other</button>
                  </div>

                </div>

              </div>
            </li>

          </ul>

          <div class="c-header-subnav__user-type-button-container" role="menubar" aria-label="User profile">
            <button class="c-header-subnav__user-type-button c-header-subnav__user-type-button--opened" role="menuitem" tabindex="0" aria-haspopup="true">I am
              <span class="c-header__user-type-button-ellipsis">...</span></button>
          </div>

        </nav>

      </div>
    </div>
  </header>
</div>
```
*/
.c-header
{
    z-index: 999;
}
.u-no-scroll .c-header .c-header-subnav
{
    position: fixed;
}
.c-header--dark .c-header-subnav
{
    background-color: rgba(27, 29, 39, .97);
}
.c-header--dark .c-header-subnav__navigation-item-inner
{
    color: #fff;
}
.c-header--dark .c-header-subnav__navigation-item--active .c-header-subnav__navigation-item-inner
{
    border-color: #fff;
}
.c-header--dark .c-header-hidden-content .c-custom-select .c-custom-select__list
{
    background-color: rgba(27, 29, 39, .97);
}
.c-header--dark .c-header-hidden-content__title
{
    margin: 6rem 0 4rem 0;

    color: #fff;
}
.c-header--dark label
{
    color: #fff;
}
.c-header--dark .c-header-hidden-content__main-link
{
    font-size: 2.2rem;
}
.c-header--dark .c-header-subnav__user-type-button
{
    color: #fff; 
    background-color: rgba(255, 255, 255, .1);
}
.c-header--dark .c-header-subnav__user-type-button::after
{
    margin-top: .1rem;

    border-color: #fff transparent transparent transparent;
}

.c-header-main
{
    position: relative;

    height: 5.4rem; 

    transition: all .3s ease-in-out;

    background-color: #070e1d;
}
.c-header-main__navigation-item-container--login-zone
{
    position: relative;
}
.c-header-main::after
{
    position: absolute;
    bottom: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 1px;

    content: '';
    transition: all .3s ease-in-out; 

    opacity: 0;
    background-color: #494a52;
}
.c-header-main--bordered::after
{
    opacity: 1;
}
@media (max-width: 47.99em)
{
    .c-header-main
    {
        display: none;
    }
}
.c-header-main__stock-index
{
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.25;

    position: relative; 

    display: flex;

    padding: 0 2rem;

    white-space: nowrap;

    color: #fff;

    align-items: center;
}
@media (min-width: 87.5em)
{
    .c-header-main__stock-index
    {
        min-width: 20.7rem;
        padding: 0 3rem;
    }
}
.c-header-main__stock-index::after
{
    position: absolute;
    top: 0;
    right: 0;

    display: block;

    width: .1rem;
    height: 100%;

    content: '';

    background-color: rgba(255, 255, 255, .2);
}
.c-header-main__stock-index-value
{
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.25; 

    display: flex;

    color: #84899f;

    align-items: center;
}
.c-header-main__stock-index-value__price
{
    color: #fff;
}
.c-header-main__stock-index-value--up
{
    position: relative;

    display: flex;

    margin-left: 1.7rem;

    transition: color .3s ease; 

    color: #32d970;

    align-items: center;
}
.c-header-main__stock-index-value--up::before
{
    font-family: 'icomoon' !important;
    font-size: 1.7rem; 

    margin-right: .7rem;

    content: '';
}
.c-header-main__stock-index-value:hover
{
    color: #fff;
}
.c-header-main__stock-index-value:hover .c-header-main__stock-index-value--up
{
    color: #fff;
}
.c-header-main__stock-index-value:hover .c-header-main__stock-index-value--down
{
    color: #fff;
}
.c-header-main__stock-index-value--down
{
    position: relative;

    display: flex;

    margin-left: 1.7rem;

    transition: color .3s ease; 

    color: #e68250;

    align-items: center;
}
.c-header-main__stock-index-value--down::before
{
    font-family: 'icomoon' !important;
    font-size: 1.7rem; 

    margin-right: .7rem;

    content: '';
}
.c-header-main__navigation-menubar
{
    position: relative;

    display: flex;
    flex-direction: row;

    height: 5.4rem; 
    margin: 0;

    justify-content: flex-end;
}
.c-header-main__magic-line
{
    position: absolute;
    z-index: 102;
    right: 0;
    bottom: -0;

    width: 0;
    height: .2rem;

    transition: all .3s ease-in-out; 

    opacity: 1;
    background-color: #255b8e;
}
.c-header-main__empty-zone
{
    background-color: blue;
}
.c-header-main__nav
{
    padding: 0 3rem;
    /*
    &:hover {
      .c-header-main__toggle-button {
        border-bottom: 0.2rem solid $blue-lighter;
      }
    }
    */
}
.c-header-main__worldwide
{
    padding-right: 1rem;
    padding-left: 2rem;
}
@media (min-width: 87.5em)
{
    .c-header-main__worldwide
    {
        padding-right: 1.5rem;
    }
}
.c-header-main__companies
{
    padding-right: 1rem;
    padding-left: 1rem;
}
.c-header-main__companies.last
{
    padding-right: 2rem;
}
@media (min-width: 87.5em)
{
    .c-header-main__companies
    {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }
    .c-header-main__companies.last
    {
        padding-right: 3rem;
    }
}
.c-header-main__guidelines
{
    padding-right: 2rem;
    padding-left: 1rem;
}
@media (min-width: 87.5em)
{
    .c-header-main__guidelines
    {
        padding-right: 3rem;
        padding-left: 1.5rem;
    }
}
.c-header-main__btn-image
{
    width: 2rem;
    height: auto;
    margin-right: .9rem;
}
@media (max-width: 63.9375em)
{
    .c-header-main__btn-image
    {
        display: none;
    }
}
.c-header-main__toggle-button
{
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.25;

    position: relative;

    display: flex;

    height: 100%;
    padding: 0;

    transition: max-height 0s ease-in-out;

    color: #fff;
    border: none;
    background: none;

    align-items: center;
    /*
    &::before {
      margin-right: 0.7rem;
      content: $icon-goto; // TODO: add correct icon when available
      font-family: 'icomoon' !important;
      font-size: 1.1rem;
      opacity: 0.5;
    }
    */
}
.c-header-main__toggle-button::after
{
    width: 0;
    height: 0;
    margin-left: .6rem;

    content: '';
    transition-duration: .5s;
    transition-property: transform; 

    border-width: .4rem .4rem 0 .4rem;
    border-style: solid;
    border-color: #bcbfcf transparent transparent transparent;
}
.c-header-main__toggle-button--opened::after
{
    transform: rotate(180deg);
}
.c-header-main__toggle-button--worldwide
{
    /*
    &::before {
      content: $icon-worldwide--bold;
      font-size: 2.2rem;
    }
    */
}
.c-header-main__toggle-button--companies
{
    /*
    &::before {
      content: $icon-goto; // TODO: add correct icon when available
    }
    */
}
.c-header-main__toggle-button--companies .c-header-main__btn-image
{
    width: 1.8rem;
}
.c-header-main__main-content-link-element
{
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.25;
    line-height: 5.5rem;

    position: relative;

    display: flex;

    min-width: 5.5rem;
    min-height: 5.5rem;
    padding: 0 1.8rem;
    padding-right: 3.2rem;

    text-align: center; 

    color: #fff;
    border: none;
    background-color: #02143a;

    align-items: baseline;
}
.c-header-main__main-content-link-element:after
{
    position: absolute;
    top: 50%;
    right: 1.8rem;

    width: 0;
    height: 0;
    margin-left: .6rem;

    content: '';
    transition: max-height 0s ease-in-out; 
    transform: translateY(-50%);

    border-width: .4rem .4rem 0 .4rem;
    border-style: solid;
    border-color: #bcbfcf transparent transparent transparent;
}
.c-header-main__main-content-link-element--lighter
{
    background-color: #112753;
}
.c-header-main__main-content-link-element--lighter::after
{
    content: none;
}
.c-header-main__main-content-link-element:hover
{
    color: #fff; 
    background-color: #0f60a7;
}
.c-header-main__main-content-link-element--lighter:hover
{
    background-color: #255b8e;
}
.c-header-main__main-content-link-element--login
{
    max-width: 263px; 
    padding-right: 1.8rem;

    border-left: .1rem solid #112753;
}
.c-header-main__main-content-link-element--login span
{
    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;
}
.c-header-main__main-content-link-element--login::after
{
    display: none;
}
.c-header-main__main-content-link-element--login--logged
{
    position: relative; 

    padding-right: 3.2rem;

    border-left: .1rem solid #112753;
}
.c-header-main__main-content-link-element--login--logged__magic-line
{
    position: absolute;
    bottom: .1rem;
    left: 1.8rem;

    display: block;

    width: calc(100% - 3.6rem);
    height: .2rem;

    transition: all .3s ease-in-out; 

    opacity: 0;
    background-color: #255b8e;
}
.c-header-main__main-content-link-element--login--logged::after
{
    display: block;

    transition-duration: .5s;
    transition-property: transform; 
    transform: translateY(-50%) rotate(0);
}
.c-header-main__main-content-link-element--login--logged--opened .c-header-main__main-content-link-element--login--logged__magic-line
{
    opacity: 1;
}
.c-header-main__main-content-link-element--login--logged--opened::after
{
    transform: translateY(-70%) rotate(180deg);
}
.c-header-main__main-content-link-element--login
{
    position: relative;

    padding-left: 5rem;
}
.c-header-main__main-content-link-element--login::before
{
    font-family: 'icomoon' !important;
    font-size: 1.8rem;

    position: absolute;
    top: 0;
    left: 2rem;

    content: '';
    vertical-align: middle; 

    color: #3b87cc;
}
.c-header-main__main-content-link-element--search
{
    padding: 0;
}
.c-header-main__main-content-link-element--search::before
{
    font-family: 'icomoon' !important;
    font-size: 1.8rem; 

    display: block;

    margin: auto;

    content: '';

    color: #fff;
}

.c-header-main-hidden-content
{
    font-size: 3rem;

    position: absolute;
    z-index: 102;
    top: 5.5rem;
    left: 0;

    visibility: hidden; 
    overflow: hidden;

    width: 100%;

    transition: all .1s ease-out;
    text-align: left;

    opacity: 0;
    color: #fff;
}
.c-header-main-hidden-content__dynamic-background
{
    position: absolute;
    z-index: 101;
    top: 5.5rem;
    left: 0;

    width: 100%;
    height: 0;

    transition: all .2s linear; 

    background-color: rgba(27, 29, 39, .97);
}
.c-header-main-hidden-content--opened
{
    visibility: visible;

    transition: all .75s ease-in;

    opacity: 1;
    background-color: rgba(27, 29, 39, .97);
}
.c-header-main-hidden-content--worldwide .c-header-main-hidden-content__secondary-content-background
{
    padding-left: 0;
}
.c-header-main-hidden-content--worldwide .c-header-main-hidden-content__list
{
    margin-left: 0;
}
.c-header-main-hidden-content--worldwide .c-header-main-hidden-content__secondary-content-background .c-header-main-hidden-content__title
{
    margin-bottom: 2rem;
    margin-left: 4rem;
}
@media (min-width: 48em)
{
    .c-header-main-hidden-content--worldwide .c-searchbar .c-input__label
    {
        padding-right: 4rem;
    }
}
.c-header-main-hidden-content__links-sections-container
{
    display: flex;

    margin-bottom: 0;

    align-items: flex-start;
}
.c-header-main-hidden-content__links-sections-container--margin-top
{
    margin-top: 3.4rem;
}
.c-header-main-hidden-content__links-sections-container--x-margin-top
{
    margin-top: 9.5rem;
}
.c-header-main-hidden-content__list-content-with-padding
{
    position: relative;

    padding-bottom: 10rem;
}
.c-header-main-hidden-content__list-content-with-padding .c-layer
{
    position: static;
}
.c-header-main-hidden-content__list-content-with-padding .c-layer--reduce-padding
{
    padding-left: 3.8rem;
}
.c-header-main-hidden-content__companies-content .c-header-main-hidden-content__links-section:first-of-type
{
    margin-left: 0;
}
.c-header-main-hidden-content__companies-content .c-header-main-hidden-content__links-section
{
    margin-bottom: 4rem;
}
.c-header-main-hidden-content__companies-content .c-header-main-hidden-content__buttons-container
{
    margin-top: 0; 
    padding-right: 0;
    padding-left: 0;
}
.c-header-main-hidden-content__companies-content .c-header-main-hidden-content__buttons-container .c-layer
{
    display: flex;
    flex-direction: row;

    width: 100%;

    align-items: center;
}
.c-header-main-hidden-content__companies-content .c-header-main-hidden-content__title
{
    margin-bottom: 2rem;
}
.c-header-main-hidden-content__secondary-content-background
{
    background-color: rgba(33, 35, 46, .55);
}
.c-header-main-hidden-content__cta-container
{
    position: absolute;
    right: 7rem;
    bottom: 0; 

    margin-bottom: 2rem;

    text-align: right;
}
.c-header-main-hidden-content__cta-container .c-btn--arrow-btn
{
    padding-right: 6rem;
}
.c-header-main-hidden-content__links-section
{
    position: relative;

    width: 20rem;
    height: -webkit-fit-content;
    height:    -moz-fit-content;
    height:         fit-content;
    padding-right: 0;
    padding-right: 2rem; 
    padding-left: 2rem;

    flex: 1;
}
.c-header-main-hidden-content__links-section:last-child
{
    margin-left: 2rem;
}
.c-header-main-hidden-content__links-section:first-of-type
{
    margin-left: 4rem;
}
@media only screen and (max-width: 820px)
{
    .c-header-main-hidden-content__links-section
    {
        padding-right: 1rem;
    }
}
.c-header-main-hidden-content__links-section::before
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: .1rem;
    height: 100%;

    content: '';

    opacity: .3; 
    background-color: #d1d6e6;
}
.c-header-main-hidden-content__links-section li + li
{
    margin-top: 1rem;
}
.c-header-main-hidden-content__main-link
{
    font-size: 2.2rem;
    line-height: 1.6; 

    display: block;

    color: #fff;
}
.c-header-main-hidden-content__main-link:hover
{
    color: #3075b6;
}
.c-header-main-hidden-content__link
{
    font-size: 1.6rem;
    line-height: 1.25; 

    position: relative;

    display: block;

    color: #fff;
}
.c-header-main-hidden-content__link:hover
{
    color: #7fb8e7;
    /*
      &::after {
        position: absolute;
        top: 0;
        left: -2rem;
        display: block;
        width: 0.1rem;
        height: 100%;
        background-color: $blue-border-lighter;
        content: '';
      }
      */
}
.c-header-main-hidden-content__buttons-container
{
    line-height: 1; 

    display: flex;

    width: 100%;
    margin-top: 5rem;
    padding: 4rem 0;

    background-color: rgba(59, 62, 77, .55);

    align-items: center;
}
.c-header-main-hidden-content__buttons-container--black
{
    background-color: #141d29;
}
.c-header-main-hidden-content__buttons-container .c-layer
{
    padding: 0 4rem;
}
.c-header-main-hidden-content__buttons-container .c-btn:not(:first-child)
{
    margin-left: 6rem;
}
.c-header-main-hidden-content__buttons-container .c-btn
{
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
}
.c-header-main-hidden-content__buttons-container .c-btn--primary
{
    padding-top: 1.7rem;
    padding-bottom: 1.7rem;
}
.c-header-main-hidden-content__buttons-container .c-btn .c-btn__icon
{
    width: auto; 
    height: 2.2rem;
}
.c-header-main-hidden-content__buttons-container .c-btn--ellipsis.c-btn--primary-white-inverted
{
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
}
.c-header-main-hidden-content__buttons-container--full-width-btns
{
    display: block;
}
.c-header-main-hidden-content__buttons-container--full-width-btns .c-btn
{
    width: 100%;
    margin-left: 0;
}
.c-header-main-hidden-content__buttons-container--full-width-btns .c-btn:not(:first-child)
{
    margin-top: 2rem; 
    margin-left: 0;
}
.c-header-main-hidden-content__title
{
    font-size: 2.2rem;
    line-height: 1.36; 

    margin: 0;
    margin-top: 3.4rem;

    letter-spacing: .06rem;
}
.c-header-main-hidden-content__title strong
{
    font-weight: normal; 

    color: #7fb8e7;
}
.c-header-main-hidden-content__title--large-margin
{
    margin-top: 5.7rem;
}
.c-header-main-hidden-content__title--xlarge-margin
{
    margin-top: 9.6rem;
}
.c-header-main-hidden-content__surtitle
{
    font-size: 1.4rem;
    line-height: 1.71;

    margin: 0;

    letter-spacing: .6rem;
    text-transform: uppercase; 

    color: #a4acbc;
}
.c-header-main-hidden-content__surtitle--margin-top
{
    margin-top: 4rem;
}
.c-header-main-hidden-content__list
{
    display: flex;
    flex-direction: column;

    margin-left: 6rem;
}
.c-header-main-hidden-content__block
{
    display: flex;
    flex-direction: column;
}
.c-header-main-hidden-content__search-container
{
    line-height: 1;

    margin-top: 2.1rem;

    text-align: right;
}
.c-header-main-hidden-content__search-container .c-btn--search
{
    background: linear-gradient(45deg, #0f60a7 0%, #255b8e 100%);
}

.c-header-subnav
{
    position: absolute;
    z-index: 99;

    display: flex;

    width: 100%;
    height: 7.7rem;

    border-bottom: .1rem solid rgba(255, 255, 255, .2);

    -webkit-backdrop-filter: blur(1rem);
            backdrop-filter: blur(1rem);
}
@media (max-width: 47.99em)
{
    .c-header-subnav
    {
        height: 5.6rem; 

        border: 0;
        background-color: #1b1d27 !important;

        justify-content: space-between;
    }
}
.c-header-subnav__logo-link
{
    display: flex;

    padding: 0 2rem; 

    align-items: center;
}
@media (min-width: 87.5em)
{
    .c-header-subnav__logo-link
    {
        padding: 0 3.5rem;
    }
}
.c-header-subnav__logo
{
    display: block;

    width: 15.7rem;
    height: auto;
}
@media (max-width: 64em)
{
    .c-header-subnav__logo
    {
        width: 13.2rem;
    }
}
.c-header-subnav__actions-container
{
    display: flex;

    border-left: .1rem solid rgba(255, 255, 255, .2); 

    flex: 1;
    justify-content: space-between;
}
@media (max-width: 47.99em)
{
    .c-header-subnav__actions-container
    {
        display: none;
    }
}
.c-header-subnav__navigation-container
{
    display: flex;

    margin: 0;
    margin-left: .85rem;
}
@media (min-width: 87.5em)
{
    .c-header-subnav__navigation-container
    {
        margin-left: 1.5rem;
    }
}
.c-header-subnav__magic-line
{
    position: absolute;
    bottom: -.1rem;
    left: 0;

    width: 0;
    height: .2rem;

    transition: all .3s ease-in-out; 

    opacity: 1;
    background-color: #255b8e;
}
.c-header-subnav__magic-line--hidden
{
    transition-property: opacity; 

    opacity: 0;
}
.c-header-subnav__navigation-item
{
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.9;

    display: inline-block;

    height: 100%;
    padding: 0 1rem;

    letter-spacing: .2rem;
    text-transform: uppercase; 

    color: #1b1d27;
    border: none;
    background: none;
}
@media (min-width: 48em)
{
    .c-header-subnav__navigation-item
    {
        font-size: 1.2rem;
    }
}
@media (min-width: 64em)
{
    .c-header-subnav__navigation-item
    {
        font-size: 1.3rem;
    }
}
@media (min-width: 87.5em)
{
    .c-header-subnav__navigation-item
    {
        padding: 0 2rem;
    }
}
.c-header-subnav__navigation-item-inner
{
    display: flex;

    height: 100%;

    align-items: center;
}
.c-header-subnav__user-type-button-container
{
    display: flex;

    min-width: 125px; 
    height: 100%;
    padding: 0 1.5rem;

    align-items: center;
}
.c-header-subnav__user-type-button
{
    font-size: 1.3rem;
    font-weight: 500;

    position: relative;

    display: block;

    height: 3.9rem;
    padding-right: 2.5rem;
    padding-left: 1.5rem;

    transition: max-height 0s ease-in-out;
    letter-spacing: .2rem;
    text-transform: inherit; 

    border: 0;
    border-radius: .4rem;
    background-color: #e7eaf2;
}
.c-header-subnav__user-type-button .c-header__user-type-button-ellipsis
{
    margin-left: .05rem;

    letter-spacing: .05rem !important;
}
.c-header-subnav__user-type-button::after
{
    position: absolute;
    top: 50%;
    right: 1.2rem;

    width: 0;
    height: 0;

    content: '';
    transition: .5s ease-in-out; 
    transform: translateY(-50%);

    border-width: .4rem .4rem 0 .4rem;
    border-style: solid;
    border-color: #84899f transparent transparent transparent;
}
.c-header-subnav__user-type-button--opened::after
{
    transform: translateY(-50%) rotate(180deg);
}
.c-header-subnav__user-type-button:hover
{
    background-color: #bcbfcf;
}
.c-header-subnav__user-type-button-ellipsis
{
    letter-spacing: .1rem;
}
.c-header-subnav__responsive-button-container
{
    display: flex;

    padding-right: 2rem; 

    align-items: center;
}
@media (min-width: 48em)
{
    .c-header-subnav__responsive-button-container
    {
        display: none;
    }
}
.c-header-subnav__responsive-button-container .c-header-subnav__burger-button
{
    position: relative;

    width: 2rem;
    height: 2.1rem;

    cursor: pointer;
    transition: .5s ease-in-out; 
    transform: rotate(0deg);
}
.c-header-subnav__responsive-button-container .c-header-subnav__burger-button span
{
    position: absolute;
    right: 0;
    left: 0;

    display: block;

    width: 100%;
    height: .2rem;

    transition: .25s ease-in-out; 
    transform: rotate(0deg);

    opacity: 1;
    background: #fff;
}
.c-header-subnav__responsive-button-container .c-header-subnav__burger-button .c-header-subnav__burger-button-element:nth-child(1)
{
    top: 0;
    right: 0;
    left: .4rem;

    width: calc(100% - .4rem);
}
.c-header-subnav__responsive-button-container .c-header-subnav__burger-button .c-header-subnav__burger-button-element:nth-child(2),
.c-header-subnav__responsive-button-container .c-header-subnav__burger-button .c-header-subnav__burger-button-element:nth-child(3)
{
    top: 1rem;
    right: 0;
}
.c-header-subnav__responsive-button-container .c-header-subnav__burger-button .c-header-subnav__burger-button-element:nth-child(4)
{
    top: 2rem;
    right: 0;
    left: .4rem;

    width: calc(100% - .4rem);
}
.c-header-subnav__responsive-button-container .c-header-subnav__burger-button.c-header-subnav__burger-button--opened .c-header-subnav__burger-button-element:nth-child(1)
{
    top: 1rem;
    left: 50%;

    width: 0; 

    border-left: 0;
}
.c-header-subnav__responsive-button-container .c-header-subnav__burger-button.c-header-subnav__burger-button--opened .c-header-subnav__burger-button-element:nth-child(2)
{
    transform: rotate(45deg); 

    border-left: 0;
}
.c-header-subnav__responsive-button-container .c-header-subnav__burger-button.c-header-subnav__burger-button--opened .c-header-subnav__burger-button-element:nth-child(3)
{
    transform: rotate(-45deg); 

    border-left: 0;
}
.c-header-subnav__responsive-button-container .c-header-subnav__burger-button.c-header-subnav__burger-button--opened .c-header-subnav__burger-button-element:nth-child(4)
{
    top: 1rem;
    left: 50%;

    width: 0; 

    border-left: 0;
}

.c-header-hidden-content
{
    position: absolute;
    z-index: 1;
    z-index: 500;
    top: 7.7rem;
    left: 0;

    visibility: hidden;

    width: 100%;

    transition: all .1s ease-out;

    opacity: 0;
    box-shadow: .2rem 1rem 2rem 0 rgba(0, 0, 0, .06);
    /*
  .c-header-hidden-content__links-sections-container {
    opacity: 0;
    transition: max-height 0.5s ease-in-out;
  }

  .c-header-hidden-content__buttons-container {
    opacity: 0;
    transition: all 0.5s ease-in-out;
  }
  */
}
@media (min-width: 48em)
{
    .c-header-hidden-content .c-btn--primary
    {
        max-width: 35rem;
    }
}
.c-header-hidden-content__dynamic-background
{
    position: absolute;
    z-index: -1;
    top: 7.7rem;
    left: 0;

    width: 100%;
    height: 0;

    transition: all .2s linear; 

    background-color: rgba(27, 29, 39, .97);
}
.c-header-hidden-content__magic-underline
{
    position: absolute;
    bottom: 0;
    left: 0;

    width: 0;
    height: .2rem;

    transition: all .3s ease-in-out; 
    transform: translateY(100%);

    background-color: #7fb8e7;
}
.c-header-hidden-content--opened
{
    visibility: visible;

    transition: all .75s ease-in;

    opacity: 1;
    /*
    .c-header-hidden-content__links-sections-container {
      opacity: 1;
      transition: all 0.5s ease-in-out;
    }

    .c-header-hidden-content__buttons-container {
      opacity: 1;
      transition: all 0.5s ease-in-out;
    }
    */
}
.c-header-hidden-content__links-sections-container
{
    display: flex;

    height: auto; 
    margin-top: 3.4rem;
    margin-bottom: 0;

    justify-content: space-between;
    align-items: flex-start;
}
@media (max-width: 63.99em)
{
    .c-header-hidden-content__links-sections-container
    {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}
.c-header-hidden-content__links-sections-container--align-left
{
    justify-content: flex-start;
}
.c-header-hidden-content__double-sections-container
{
    display: flex;

    height: 100%;
}
.c-header-hidden-content__main-container
{
    width: 50%;
    padding-bottom: 3.4rem; 

    flex: 1;
}
.c-header-hidden-content__main-container--largest
{
    width: 60%; 

    flex: none;
}
.c-header-hidden-content__main-container--largest + .c-header-hidden-content__secondary-container
{
    width: 40%;
}
.c-header-hidden-content__secondary-container
{
    display: flex;
    flex-direction: column;

    width: 50%; 

    background-color: rgba(33, 35, 46, .4);

    flex-wrap: wrap;
    justify-content: space-between;
}
.c-header-hidden-content__secondary-container .c-header-hidden-content__buttons-container
{
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
}
.c-header-hidden-content__secondary-container .c-header-hidden-content__search
{
    margin-top: 0rem;
}
.c-header-hidden-content__secondary-container .c-header-hidden-content__search--offers
{
    margin-top: 4.8rem; 
    padding-top: 0;
}
.c-header-hidden-content__secondary-container .c-layer.c-layer--no-v-padding
{
    padding: 4.8rem 5rem 4.2rem 5rem;
}
@media (max-width: 63.99em)
{
    .c-header-hidden-content__secondary-container .c-layer.c-layer--no-v-padding
    {
        padding: 4rem;
    }
}
.c-header-hidden-content__big-links-columns-container
{
    display: flex;

    margin-top: 2.4rem;
    margin-right: -1rem;
    margin-bottom: 4rem;
    margin-left: -1rem; 

    justify-content: space-between;
}
.c-header-hidden-content__big-links-container
{
    position: relative;

    margin: 0 1rem; 
    padding-top: 1.4rem;

    flex: 1;
}
.c-header-hidden-content__big-links-container--no-padding
{
    padding-top: 0;
}
.c-header-hidden-content__big-links-container--no-label
{
    margin-top: 2rem;
}
@media (min-width: 87.5em)
{
    .c-header-hidden-content__big-links-container
    {
        flex: initial;
    }
}
.c-header-hidden-content__big-link-label
{
    font-size: 1.6rem;
    font-style: italic;
    line-height: 1.25; 

    position: relative;
    top: 0;
    left: 0;

    margin: 0;

    color: #a4acbc;
}
.c-header-hidden-content__big-link
{
    font-size: 2.2rem;
    line-height: 1.36; 

    display: block;

    max-width: 28rem;
    margin-top: 1.2rem;

    letter-spacing: .06rem;

    color: #7fb8e7;
}
.c-header-hidden-content__big-link:hover
{
    color: #fff;
}
.c-header-hidden-content__big-link-hashtag
{
    font-size: 1.3rem;
    line-height: 1.23; 

    display: block;

    margin: 0;

    letter-spacing: .05rem;

    color: #a4acbc;
}
.c-header-hidden-content__link-item
{
    display: flex;

    max-width: 32.6rem;
    margin-top: 4.8rem; 

    align-items: flex-start;
}
@media (max-width: 47.99em)
{
    .c-header-hidden-content__link-item
    {
        margin-top: 5.2rem;
    }
}
.c-header-hidden-content__link-item:first-child
{
    margin-top: 0;
}
.c-header-hidden-content__link-item .c-btn.c-btn--text-button
{
    display: block;

    text-align: left; 

    color: #7fb8e7;
}
@media (min-width: 48em)
{
    .c-header-hidden-content__link-item .c-btn.c-btn--text-button
    {
        margin-top: 1.4rem; 
        padding: 0 0 0 6rem;
    }
}
.c-header-hidden-content__link-item .c-btn.c-btn--text-button::before
{
    display: block;
}
.c-header-hidden-content__link-item:hover .c-header-hidden-content__link-item-text-container
{
    color: #fff;
}
.c-header-hidden-content__link-item:hover .c-btn.c-btn--text-button
{
    padding-left: 8rem;

    color: #7fb8e7;
}
.c-header-hidden-content__link-item:hover .c-btn.c-btn--text-button::before
{
    width: 6rem;
}
.c-header-hidden-content__link-item-icon
{
    width: 4.2rem;
    min-width: 4.2rem;
    height: 4.2rem;
    margin-top: 0rem;
}
.c-header-hidden-content__link-item-text-container
{
    font-size: 1.9rem;
    line-height: 2.3rem; 

    margin-left: 3rem;

    letter-spacing: .05rem;

    color: #d1d6e6;
}
.c-header-hidden-content__surtitle
{
    font-size: 1.4rem;
    line-height: 1.71;

    margin: 0;
    margin-top: 4rem;

    letter-spacing: .6rem;
    text-transform: uppercase; 

    color: #a4acbc;
}
.c-header-hidden-content__surtitle__iam
{
    margin-left: -.7rem; 

    letter-spacing: .05rem;
}
.c-header-hidden-content__title
{
    font-size: 3.6rem; 

    margin: 0;
}
.c-header-hidden-content__double-title
{
    margin-top: 0;
}
.c-header-hidden-content__double-section .c-header-hidden-content__link
{
    font-size: 2.2rem;
}
.c-header-hidden-content__links-section
{
    position: relative;

    height: auto;
    padding-right: 2rem;
    padding-left: 2rem;
}
@media (max-width: 63.99em)
{
    .c-header-hidden-content__links-section
    {
        width: 33.33%;
    }
}
@media (max-width: 63.99em) and (min-width: 48em)
{
    .c-header-hidden-content__links-section
    {
        margin-bottom: 3rem;
    }
}
.c-header-hidden-content__links-section li:first-child
{
    margin-bottom: 2rem;
}
.c-header-hidden-content__links-section::before
{
    position: absolute;
    top: 1.2rem;
    left: 0;

    width: .1rem;
    height: calc(100% - 1.2rem);

    content: '';

    opacity: .3; 
    background-color: #d1d6e6;
}
.c-header-hidden-content__magic-line
{
    position: absolute;
    top: 0;
    left: -1px;

    width: .3rem;
    height: 2rem;

    transition: all .3s ease-in-out; 

    opacity: 0;
    background-color: #7fb8e7;
}
@media (max-width: 47.99em)
{
    .c-header-hidden-content__search
    {
        padding: .1rem 3rem 3rem;

        background-color: #21232e;
    }
}
@media (min-width: 48em)
{
    .c-header-hidden-content__search
    {
        margin-top: 3.4rem;
    }
}
.c-header-hidden-content__search--offers
{
    padding-top: 7.5rem;
}
.c-header-hidden-content__search-label
{
    font-size: 2.2rem;
    line-height: 1.36; 

    margin: 0;
    margin-bottom: 2rem;

    color: #fff;
}
.c-header-hidden-content__search-label strong
{
    font-weight: normal; 

    color: #7fb8e7;
}
.c-header-hidden-content__search-input-link-container
{
    max-width: 61rem;

    text-align: right;
}
.c-header-hidden-content__search-input-link-container > a
{
    padding: 0 4rem 0 0;
}
@media (max-width: 63.99em)
{
    .c-header-hidden-content__search-input-link-container > a
    {
        padding: 1rem 4rem 1rem 0;
    }
}
@media (min-width: 768px) and (max-width: 1024px)
{
    .c-header-hidden-content__search-input-link-container .c-btn--search
    {
        background: linear-gradient(45deg, #0f60a7 0%, #255b8e 100%);
    }
}
.c-header-hidden-content__main-link
{
    font-size: 1.8rem;
    line-height: 1.6; 

    position: relative;

    display: inline-block;

    color: #7fb8e7;
}
.c-header-hidden-content__main-link:hover
{
    color: #fff;
}
.c-header-hidden-content__link
{
    font-size: 1.6rem;
    line-height: 1.25; 

    position: relative;

    display: block;

    margin-top: 1rem;

    color: #d1d6e6;
}
.c-header-hidden-content__link:hover
{
    color: #7fb8e7;
    /*
      &::after {
        position: absolute;
        top: 0;
        left: -2rem;
        display: block;
        width: 0.1rem;
        height: 100%;
        background-color: $blue-border-lighter;
        content: '';
      }
      */
}
.c-header-hidden-content__buttons-container
{
    width: 100%;
    margin-top: 5rem;
    padding: 4rem 0;

    background-color: rgba(59, 62, 77, .55);
}
.c-header-hidden-content__buttons-container--black
{
    background-color: #141d29;
}
@media (min-width: 64em)
{
    .c-header-hidden-content__buttons-container--row
    {
        display: flex;
        flex-direction: row;

        align-items: center;
    }
    .c-header-hidden-content__buttons-container--row .c-btn--large-padding
    {
        flex-basis: auto;
    }
}
.c-header-hidden-content__buttons-container--large .c-btn
{
    display: inline-flex;
}
@media (max-width: 63.99em)
{
    .c-header-hidden-content__buttons-container--large .c-btn
    {
        overflow: hidden;

        max-width: 30%; 

        white-space: nowrap;
        text-overflow: ellipsis;
    }
}
.c-header-hidden-content__buttons-container .c-btn
{
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
}
.c-header-hidden-content__buttons-container .c-btn--primary
{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.c-header-hidden-content__buttons-container .c-btn .c-btn__icon
{
    width: auto; 
    height: 2.2rem;
}
.c-header-hidden-content__buttons-container .c-btn:not(:first-child)
{
    margin-left: 3rem;
}
.c-header-hidden-content__buttons-container--tablet-fix
{
    /*
      .c-btn {
        max-width: calc(50% - 4rem);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
      */
}
@media (max-width: 63.99em)
{
    .c-header-hidden-content__buttons-container--tablet-fix .c-btn
    {
        width: 100%;
    }
    .c-header-hidden-content__buttons-container--tablet-fix .c-btn:not(:first-child)
    {
        margin-top: 2rem; 
        margin-left: 0;
    }
}
.c-header-hidden-content__buttons-container .c-btn--primary-white-inverted:hover
{
    border: .1rem solid #255b8e;
}
.c-header-hidden-content__iam-container
{
    min-height: 30.5rem;
}
@media (min-width: 80em)
{
    .c-header-hidden-content__iam-container
    {
        min-height: 22.5rem;
    }
}
.c-header-hidden-content__iam-container .c-header-hidden-content__surtitle
{
    margin-top: 6rem;
}
@media (max-width: 79.99em)
{
    .c-header-hidden-content__iam-container .c-header-hidden-content__surtitle
    {
        margin-left: 1rem;
    }
}
.c-header-hidden-content__iam-cards-container
{
    display: flex;

    margin-top: 4rem;

    justify-content: space-between;
}
@media (max-width: 79.99em)
{
    .c-header-hidden-content__iam-cards-container
    {
        margin-top: 3rem; 

        flex-wrap: wrap;
    }
}
.c-header-hidden-content__iam-card
{
    position: relative;

    display: flex;
    overflow: hidden;

    width: 13.8rem;
    height: 8rem;

    border-radius: .4rem; 

    justify-content: center;
    align-items: center;
}
@media (max-width: 79.99em)
{
    .c-header-hidden-content__iam-card
    {
        margin: 10px; 

        flex: 1 0 20%;
    }
}
.c-header-hidden-content__iam-card:hover .c-header-hidden-content__iam-card-filter
{
    background-color: transparent;
}
.c-header-hidden-content__iam-card:hover .c-header-hidden-content__iam-card-background
{
    opacity: .7; 

    filter: none;
}
.c-header-hidden-content__iam-card-filter
{
    position: absolute;
    z-index: -2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    transition: max-height 0s ease-in-out; 

    background-color: #112753;
}
.c-header-hidden-content__iam-card-background
{
    position: absolute;
    z-index: -2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    transition: max-height 0s ease-in-out;

    opacity: .4;
    border-radius: .3rem; 
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

    filter: grayscale(100%) contrast(120%);
}
.c-header-hidden-content__iam-card-title
{
    font-size: 1.3rem;
    line-height: 1.9; 

    margin: 0;

    letter-spacing: .2rem;

    color: #fff;
}

.c-content-min-height
{
    min-height: 80vh;
}

@media (max-width: 63.99em)
{
    html.overflow-blocked
    {
        overflow: hidden;
    }
}

.maintenance-page
{
    display: flex;

    min-height: 100vh; 

    flex-flow: column;
}
.maintenance-page #content
{
    flex: 1 0 auto;
}

/* ==========================================================================
   # FOOTER
   ========================================================================== */
.c-footer
{
    position: relative;

    border-top: .2rem solid #3b3e4d;
    background-color: #070e1d;
}
@media (max-width: 47.99em)
{
    .c-footer
    {
        display: flex;
        flex-direction: column;

        padding-top: 4rem;
    }
}
@media (max-width: 63.99em)
{
    .c-footer__social
    {
        padding-top: 0;
        padding-bottom: 0;
    }
}
.c-footer__social > *:nth-child(1n+2)
{
    width: 30%;
}
@media (max-width: 63.99em)
{
    .c-footer__social > *:nth-child(1n+2)
    {
        width: 100%;
    }
}
.c-footer__social .c-searchbar
{
    margin-top: 5rem;
    margin-bottom: 3.3rem;
}
@media (max-width: 63.99em)
{
    .c-footer__social .c-searchbar
    {
        margin-top: 2rem;
    }
}
@media (max-width: 47.99em)
{
    .c-footer__social .c-searchbar
    {
        margin-top: 5rem;
    }
}
.c-footer__social .c-news-sub
{
    margin-top: 5rem;
    margin-bottom: 3.3rem;
}
@media (max-width: 47.99em)
{
    .c-footer .c-footer-profile
    {
        order: 3;
    }
}
@media (max-width: 47.99em)
{
    .c-footer .c-footer-nav
    {
        order: 5;
    }
}

/* ==========================================================================
   # FOOTER SOCIAL
   ========================================================================== */
.c-footer-social
{
    display: flex;

    align-items: center;
}
.c-footer-social .c-caption
{
    font-size: 1.3rem;
    line-height: 1.6;

    letter-spacing: .04rem;

    color: #767b93;
}
@media (max-width: 47.99em)
{
    .c-footer-social .c-caption
    {
        font-size: 1.4rem;
        line-height: 1.28; 

        letter-spacing: .05rem;
    }
}
@media (max-width: 47.99em)
{
    .c-footer-social
    {
        flex-direction: column;

        width: 100%;

        align-items: flex-start;
    }
}
.c-footer-social__icons
{
    display: flex;

    margin-left: 3rem;
}
@media (max-width: 47.99em)
{
    .c-footer-social__icons
    {
        width: 100%;
        margin: 0;
        margin-top: 2.5rem; 

        justify-content: space-between;
    }
    .c-footer-social__icons li:not(:last-child)
    {
        margin-right: 4rem;
    }
    .c-footer-social__icons .icon
    {
        width: 3rem;
        height: 3rem;
    }
}
.c-footer-social__icons li:not(:last-child)
{
    margin-right: 4rem;
}
@media (max-width: 47.99em)
{
    .c-footer-social__icons li:not(:last-child)
    {
        margin-right: 0;
    }
}
.c-footer-social__icons .icon
{
    width: 1.8rem;
    height: 1.8rem;

    transition: all 300ms ease-in;
}
@media (max-width: 47.99em)
{
    .c-footer-social__icons .icon
    {
        width: 2rem;
        height: 2rem;
    }
}
.c-footer-social__icons .icon:hover
{
    transform: scale(1.4);
}

/* ==========================================================================
   # Footer highlight
   ========================================================================== */
/*
---
name: Footer highlight
category: Layout
---

```footer-highlight.html
  <div class="c-footer-highlight c-layer c-layer--no-v-padding">
    <div class="c-footer-highlight__content">
      <span class="title">All Safran events at the Bourget</span>
      <button class="c-btn c-btn--outline">Discover more</button>
    </div>
  </div>
```

*/
.c-footer-highlight
{
    position: relative;

    overflow: hidden;

    max-height: 31.6rem;
    margin: 4.5rem 0;
    /*
  position: relative;
  display: flex;
  width: 100%;
  height: 30rem;
  align-items: center;
  justify-content: flex-end;
  background-color: $background-placeholder;
  background-size: cover;


  @include mq($until: phablet) {
    //height: 17rem;
    height: 26.5rem;
  }

  &:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(116.29deg, rgba($blue-gradient-footer,0) 0%, $blue-darkest 100%);
    content: '';
  }

  &__content {
    z-index: 1;
    display: flex;
    width: 30%;
    flex-direction: column;
    align-items: baseline;

    @include mq($until: tablet) {
      width: 20rem;
      margin-bottom: -2rem;
      margin-left: auto;
    }

    .title {
      color: $white;
      font-size: 4.8rem;
      line-height: $line-height-sm;

      @include mq($until: phablet) {
        font-size: $font-size-lg-xl;
      }
    }

    .c-btn {
      margin-top: 1.5rem;
      margin-left: -1rem;

      &--text-button {
        margin-top: 0;
        margin-left: 0;
        color: $white;

        &::before {
          background-color: $white;
        }
      }
    }
  }


  */
}
@media (max-width: 47.99em)
{
    .c-footer-highlight
    {
        min-height: 26.5rem;
        margin: 3.3rem 0;
    }
}
.c-footer-highlight__img-container
{
    position: relative;
}
.c-footer-highlight__img
{
    width: 100%;
    height: auto;
}
.c-footer-highlight__img--desktop
{
    display: inline;
}
.c-footer-highlight__img--responsive
{
    display: none;
}
@media (max-width: 47.99em)
{
    .c-footer-highlight__img
    {
        min-width: 100%; 
        height: 100%;
    }
    .c-footer-highlight__img--desktop
    {
        display: none;
    }
    .c-footer-highlight__img--responsive
    {
        display: inline;
    }
}
.c-footer-highlight__opac-background
{
    position: absolute;
    z-index: 2; 
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';

    background: linear-gradient(116.29deg, rgba(17, 14, 29, 0) 0%, #070e1d 100%);
}
.c-footer-highlight__content
{
    position: absolute;
    z-index: 3;
    top: 50%;
    right: 0;

    transform: translateY(-50%);
}
@media (max-width: 47.99em)
{
    .c-footer-highlight__content
    {
        right: 1rem;

        min-width: 50%;
    }
}
.c-footer-highlight__content .title
{
    font-size: 4.8rem;
    line-height: 1.25; 

    display: block;

    width: 37.6rem;

    color: #fff;
}
@media (max-width: 63.99em)
{
    .c-footer-highlight__content .title
    {
        font-size: 3rem;

        margin-top: 2rem;
    }
}
@media (max-width: 47.99em)
{
    .c-footer-highlight__content .title
    {
        font-size: 2.4rem;

        max-width: 18rem;
        margin-left: 4rem; 
        padding: 0 4rem;
        padding: 0;
    }
}
.c-footer-highlight .c-btn
{
    font-size: 1.3rem;
    line-height: 1.23;

    margin-top: 2.5rem;

    white-space: unset; 
    letter-spacing: .28rem;
    text-transform: uppercase;

    color: #fff;
}
.c-footer-highlight .c-btn::before
{
    left: 0rem;

    background-color: #fff;
}
@media (max-width: 47.99em)
{
    .c-footer-highlight .c-btn::before
    {
        left: 4rem;
    }
}
.c-footer-highlight .c-btn:hover
{
    color: #fff;
}
@media (max-width: 47.99em)
{
    .c-footer-highlight .c-btn
    {
        font-size: 1.2rem;

        margin-left: auto; 
        padding: 0 0 0 10rem;
    }
}

/* ==========================================================================
   # Footer profile
   ========================================================================== */
/*
---
name: Footer profile
category: Layout
---

```footer-profile.html
<div class="u-bg--dark">
  <div class="c-footer-profile c-layer c-layer--no-v-padding">
    <div class="c-footer-profile__content">
      <span class="c-caption c-caption__small c-caption--bold">I'am...</span>
      <ul class="profiles">
        <li><a href="#">Client</a></li>
        <li><a href="#">Supplier</a></li>
        <li><a href="#">Investir</a></li>
        <li><a href="#">Journalist</a></li>
        <li><a href="#">Candidate</a></li>
        <li><a href="#">Shareholder</a></li>
        <li><a href="#">Enthusiast</a></li>
      </ul>
    </div>
  </div>
</div>
```

*/
.c-footer-profile
{
    margin-top: 5rem;
    margin-bottom: 5rem;
}
@media (max-width: 63.99em)
{
    .c-footer-profile
    {
        margin-top: 0;
        margin-bottom: 4rem;
    }
}
.c-footer-profile__content
{
    display: flex;

    padding: 0 8rem;

    border-top: .1rem solid #112753;
    border-bottom: .1rem solid #112753; 

    align-items: center;
    justify-content: space-between;
}
@media (max-width: 63.99em)
{
    .c-footer-profile__content
    {
        display: none;
    }
}
.c-footer-profile__content .profiles
{
    display: flex;

    width: 100%;

    justify-content: space-between;
}
.c-footer-profile__content .profiles li a
{
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 2; 

    letter-spacing: .232rem;

    color: #fff;
}
.c-footer-profile__content .profiles li:not(:first-child)
{
    transition: all .3s ease-in-out;
}
.c-footer-profile__content .profiles li:not(:first-child):hover
{
    transform: scale(1.07);
}
.c-footer-profile--mobile
{
    display: none;

    margin-top: 3rem;
}
.c-footer-profile--mobile select::-ms-expand
{
    display: none;
}
.c-footer-profile--mobile__user-type-select
{
    font-family: 'Barlow';
    font-size: 1.6rem;
    font-weight: 500;

    position: relative;

    width: 100%;
    padding-top: 1.8rem;
    padding-bottom: 1.8rem;
    padding-left: 1.9rem;

    letter-spacing: .2rem;

    color: #bcbfcf;
    border: none;
    border-radius: .4rem;
    background-color: rgba(255, 255, 255, .07);
    background-image: linear-gradient(45deg, transparent 50%, #bcbfcf 50%), linear-gradient(135deg, #bcbfcf 50%, transparent 50%);
    background-repeat: no-repeat; 
    background-position: calc(100% - 30px) 25px, calc(100% - 25px) 25px;
    background-size: 5px 5px, 5px 5px;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
@media (max-width: 47.99em)
{
    .c-footer-profile--mobile__user-type-select
    {
        font-size: 1.4rem;
        font-weight: 400;

        letter-spacing: normal; 

        border-radius: .1rem;
    }
}
@media (max-width: 63.99em)
{
    .c-footer-profile--mobile
    {
        display: block;
    }
}
.c-footer-profile--mobile .c-caption
{
    display: inline-block;

    margin-bottom: 2.5rem;

    color: #a1a5b9;
}

/* ==========================================================================
   # Footer nav
   ========================================================================== */
/*
---
name: Footer nav
category: Layout
---

```footer-nav.html
<div class="u-bg--dark">
  <div class="c-footer-nav c-layer c-layer--no-v-padding">
    <img class="logo" src="../../assets/images/logo-white.svg" />
    <ul class="c-footer-nav__nav">
      <li>
        <a href="#">Contact us</a>
      </li>
      <li>
        <a href="#">Sitemap</a>
      </li>
      <li>
        <a href="#">Legal Notice</a>
      </li>
      <li>
        <a href="#">Privacy</a>
      </li>
    </ul>
  </div>
</div>
```

*/
.c-footer-nav
{
    display: flex;

    padding-bottom: 5rem; 

    align-items: center;
}
@media (max-width: 47.99em)
{
    .c-footer-nav
    {
        flex-direction: column;

        padding-top: 0;
        padding-bottom: 8rem;
    }
}
@media screen and (max-width: 47.99em) and (-ms-high-contrast: active), (max-width: 47.99em) and (-ms-high-contrast: none)
{
    .c-footer-nav
    {
        padding-bottom: 11rem;
    }
}
.c-footer-nav .logo
{
    height: 5rem;
}
@media (max-width: 63.99em)
{
    .c-footer-nav .logo
    {
        height: 4.8rem;
    }
}
.c-footer-nav__nav
{
    display: flex;

    flex: 1;
    justify-content: center;
}
.c-footer-nav__nav li
{
    padding: 0 2rem;
}
.c-footer-nav__nav li a
{
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.25; 

    letter-spacing: .04rem;

    color: #bcbfcf;
}
@media (max-width: 87.5em)
{
    .c-footer-nav__nav
    {
        flex-direction: row;

        flex-wrap: wrap;
    }
    .c-footer-nav__nav li
    {
        text-align: center; 

        flex-basis: 33%;
    }
}
@media (max-width: 64em)
{
    .c-footer-nav__nav
    {
        margin-left: 0;
    }
}
@media (max-width: 48em)
{
    .c-footer-nav__nav
    {
        margin: 2.5rem 0 0; 

        justify-content: space-between;
    }
    .c-footer-nav__nav li
    {
        text-align: center; 

        flex-basis: 100%;
    }
}

@media (max-width: 64em)
{
    .c-footer-nav__nav li
    {
        padding: 0 0 0 3rem;
    }
}

@media (max-width: 30em)
{
    .c-footer-nav__nav
    {
        width: 100%;
    }
    .c-footer-nav__nav li
    {
        padding: 0;
    }
}

.c-footer-bottom-up
{
    position: fixed;
    z-index: 1000;
    right: 2rem;
    bottom: 6rem;
}
@media (max-width: 63.99em)
{
    .c-footer-bottom-up
    {
        right: 1rem;
    }
}
.c-footer-bottom-up .c-btn
{
    color: #fff; 
    box-shadow: 0 1.4rem 1.2rem 0 rgba(37, 91, 142, .08);
}
.panorama-page .c-footer-bottom-up
{
    display: none;
}

/* ==========================================================================
   #SLIDER
   ========================================================================== */
/*
---
name: Slider
category: Slider
---

```slider.html
<div class="c-slider">
  <div class="c-slider__head">
    <div class="c-slider__title">Titre du slider</div>
    <div class="c-slider__controls">
      <div class="c-slider__progress js-slider-progress" role="progressbar" aria-valuemin="0" aria-valuemax="100">
      </div>
      <div class="js-slider-prev">
        <i class="c-slider__icon icon-previous"></i>
      </div>
      <div class="js-slider-next">
        <i class="c-slider__icon icon-next"></i>
      </div>
    </div>

  </div>
  <div class="js-slider" data-number="3" data-gutter="10" data-edgepadding="10">
    <div>
        <img src="https://via.placeholder.com/300x150" alt="">
    </div>
    <div>
        <img src="https://via.placeholder.com/300x150" alt="">
    </div>
    <div>
        <img src="https://via.placeholder.com/300x150" alt="">
    </div>
    <div>
        <img src="https://via.placeholder.com/300x150" alt="">
    </div>
    <div>
        <img src="https://via.placeholder.com/300x150" alt="">
    </div>
    <div>
        <img src="https://via.placeholder.com/300x150" alt="">
    </div>
  </div>
</div>
```

Dark version

```slider-dark.html
<div class="c-slider c-slider--dark">
  <div class="c-slider__head">
    <div class="c-slider__title">Titre du slider</div>
    <div class="c-slider__controls">
      <div class="c-slider__progress js-slider-progress" role="progressbar" aria-valuemin="0" aria-valuemax="100">
      </div>
      <div class="js-slider-prev">
        <i class="c-slider__icon icon-previous"></i>
      </div>
      <div class="js-slider-next">
        <i class="c-slider__icon icon-next"></i>
      </div>
    </div>

  </div>
  <div class="js-slider" data-number="3" data-gutter="10" data-edgepadding="10">
    <div>
        <img src="https://via.placeholder.com/300x150" alt="">
    </div>
    <div>
        <img src="https://via.placeholder.com/300x150" alt="">
    </div>
    <div>
        <img src="https://via.placeholder.com/300x150" alt="">
    </div>
    <div>
        <img src="https://via.placeholder.com/300x150" alt="">
    </div>
    <div>
        <img src="https://via.placeholder.com/300x150" alt="">
    </div>
    <div>
        <img src="https://via.placeholder.com/300x150" alt="">
    </div>
  </div>
</div>
```
*/
.c-slider__slider-object-container .tns-ovh .tns-inner
{
    margin: 0 !important;

    text-align: center;
}

/**
 *  Progress Bar
 */
.c-slider
{
    margin: -8rem 0 -8rem -8rem;
    padding: 8rem 0 8rem 8rem;
    padding-left: 8rem;
    /*
  &__slide-item--profile-card-slide-hidden-desktop {
    @include mq($from: tablet) {
      width: 0;
      padding: 0;
      overflow-x: hidden;
      visibility: hidden;
    }
  }
  */
}
.c-slider--navigation-hidden .c-slider__controls
{
    visibility: hidden;
}
@media (min-width: 48em)
{
    .c-slider--profiles-slider .c-slider__slider-object-container .tns-ovh
    {
        overflow: visible;
    }
}
@media (min-width: 48em)
{
    .c-slider--right-shifted .c-slider__slider-object-container
    {
        transform: translateX(-40rem);
    }
}
@media (max-width: 87.49em)
{
    .c-slider
    {
        margin: -4rem 0 -4rem -4rem; 
        padding-left: 4rem;
    }
}
@media (max-width: 63.99em)
{
    .c-slider
    {
        margin: -4rem 0 -4rem -4rem; 
        padding-left: 4rem;
    }
}
@media (max-width: 47.99em)
{
    .c-slider
    {
        margin: -2rem 0 -2rem -2rem; 
        padding-left: 2rem;
    }
}
@media (max-width: 29.99em)
{
    .c-slider
    {
        margin: -2rem 0 -2rem -2rem; 
        padding-left: 2rem;
    }
}
.c-slider__head
{
    display: flex;

    margin-right: 6rem; 

    align-items: center;
    justify-content: space-between;
}
.c-slider__head.align-right
{
    float: none !important; 

    justify-content: flex-end;
}
@media (max-width: 63.99em)
{
    .c-slider__head
    {
        margin-bottom: -2rem;
    }
}
.c-slider__title
{
    font-size: 1.4rem;
    font-weight: 500;

    margin-right: 3rem;

    letter-spacing: .6rem;
    text-transform: uppercase; 

    color: #525668;
}
@media (max-width: 63.99em)
{
    .c-slider__title
    {
        font-size: 1.2rem;

        margin-bottom: 2.5rem; 

        letter-spacing: .4rem;
    }
}
.c-slider__title--alternative-style
{
    font-size: 2.8rem;
    font-weight: 200;
    line-height: 1.3;

    letter-spacing: .15rem;
    text-transform: initial; 

    color: #141d29;
}
.c-slider__title--big-alternative-style
{
    font-size: 3.6rem;
    font-weight: normal;
    line-height: 1.16;

    margin-top: 1rem; 
    margin-bottom: 2rem;

    letter-spacing: normal;
    text-transform: initial;

    color: #141d29;
}
@media (max-width: 63.99em)
{
    .c-slider__title--big-alternative-style
    {
        font-size: 2.4rem;
        line-height: 1.25;

        margin-bottom: 0; 

        color: #1b1d27;
    }
}
@media (max-width: 63.99em)
{
    .c-slider__title--hidden-responsive
    {
        display: none;
    }
}
@media (min-width: 64em)
{
    .c-slider__title--hidden-desktop
    {
        display: none;
    }
}
.c-slider__title-two
{
    font-size: 2.8rem;
    font-weight: 400; 
    line-height: 3.6rem;

    margin: 0;

    letter-spacing: 0;
    text-transform: initial;
}
.c-slider__controls
{
    display: flex;

    align-items: center;
    justify-content: flex-end;
}
@media (max-width: 63.99em)
{
    .c-slider__controls
    {
        display: none;
    }
}
.c-slider__controls--hidden
{
    visibility: hidden;
}
.c-slider__control-button
{
    border: 0;
    background: none;
}
.c-slider__control-button:disabled .c-slider__icon
{
    color: gray;
}
.c-slider__icon.icon-previous
{
    margin-right: .8rem;
}
.c-slider__icon.icon-next
{
    font-size: 2.6rem;

    margin-left: -.8rem;
}
.c-slider__progress
{
    display: block;
    overflow: hidden;

    width: 30rem;
    height: .2rem;
    margin-right: 4rem;

    transition: background-size .4s ease-in-out; 

    border-radius: .25rem;
    background-color: #d1d6e6;
    background-image: linear-gradient(to right, #141d29, #141d29);
    background-repeat: no-repeat;
    background-size: 0 100%;
}
.c-slider__slider-object-container
{
    margin-left: -2rem;

    transition: all .3s ease-in-out;
}
@media (max-width: 63.99em)
{
    .c-slider__slider-object-container
    {
        margin-bottom: -4rem;
    }
}
.c-slider__slide-item
{
    padding: 4rem 2rem;
}
.c-slider__empty-item-content
{
    width: 20rem;
}
.c-slider__slide-item--profile-card-slide
{
    min-height: 34rem;
}
.c-slider--dark .c-slider__title
{
    color: #a4acbc;
}
.c-slider--dark .c-slider__progress
{
    background-color: #84899f;
    background-image: linear-gradient(to right, #fff, #fff);
}
.c-slider--dark .c-slider__control-button
{
    border: 0;
    background: none;
}
.c-slider--dark .c-slider__control-button:not(:disabled)
{
    color: #fff;
}
.c-slider--small-padding .c-slider__slider-object-container
{
    margin-left: -1.25rem;
}
@media (max-width: 63.99em)
{
    .c-slider--small-padding .c-slider__slider-object-container
    {
        margin-bottom: -4rem;
    }
}
.c-slider--small-padding .c-slider__slide-item
{
    padding: 4rem 1.25rem;
}
.c-slider .c-playlist-videos-slider .c-video-slider .c-video-item__image,
.c-slider .c-block-list-photoslideshow .c-video-slider .c-video-item__image
{
    height: 25rem;
}
@media (max-width: 63.99em)
{
    .c-slider .c-playlist-videos-slider .c-video-slider .c-video-item__image,
    .c-slider .c-block-list-photoslideshow .c-video-slider .c-video-item__image
    {
        height: 18rem;
    }
}
.c-slider .c-playlist-videos-slider .c-video-slider .c-structured-elements-list__item__image--number,
.c-slider .c-block-list-photoslideshow .c-video-slider .c-structured-elements-list__item__image--number
{
    right: -1px; 
    bottom: -1px;
}

/* Icons */
.svg-list
{
    position: absolute !important;

    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);

    width: 1px;
    height: 1px;

    white-space: nowrap;
    /* added line */
}

.icon
{
    width: 2rem;
    height: 2rem;

    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
}

/* TimelineJS overwrite */
.tl-timeline h1,
.tl-timeline h2,
.tl-timeline h3,
.tl-timeline h4,
.tl-timeline h5,
.tl-timeline h6,
.tl-timeline .tl-slidenav-next,
.tl-timeline .tl-slidenav-previous,
.tl-timeline .tl-message,
.tl-timeline .tl-timegroup-message,
.tl-timeline p
{
    font-family: 'Barlow', Arial, sans-serif !important;
}

.tl-timeline
{
    color: #fff;
    background-color: #070e1d;
}
.tl-timeline a
{
    font-family: 'Barlow', Arial, sans-serif !important;
}
.tl-timeline a:hover,
.tl-timeline a:focus
{
    text-decoration: underline;
}
.tl-timeline .c-btn
{
    position: absolute;
    z-index: 10; 

    margin-top: 1rem;
}
.tl-timeline p a
{
    text-decoration: none;
}
.tl-timeline .tl-slider-background.tl-animate
{
    background-color: transparent !important;
}
.tl-timeline .tl-slide-background
{
    opacity: 1 !important;
}
.tl-timeline .tl-headline-date
{
    display: none;
}
.tl-timeline .tl-content-big-date.c-banner-content-he
{
    font-family: 'Barlow', Arial, sans-serif !important;
}
.tl-timeline .tl-content-big-date.c-banner-content-he .c-historical-event-head-big-date
{
    font-family: 'Barlow', Arial, sans-serif !important;
    font-size: 20rem;

    top: 2rem;
    left: 25%;

    display: none;
}
@media (min-width: 64em)
{
    .tl-timeline .tl-content-big-date.c-banner-content-he .c-historical-event-head-big-date
    {
        position: absolute;
        left: 25%;

        display: block;

        transform: translateX(-50%);
    }
}
.tl-timeline .tl-content-big-date.c-banner-content-he .c-historical-event-date
{
    font-size: 15px;

    margin-bottom: 8px;
}
.tl-timeline .tl-content-big-date.c-banner-content-he .c-historical-event-tags
{
    font-size: 16px;

    margin-bottom: 32px;
}

.tl-skinny .tl-slide
{
    padding: 0;
}
@media (min-width: 64em)
{
    .tl-skinny .tl-slide
    {
        padding-top: 10px;
    }
}

.tl-skinny .tl-slide .tl-slide-content-container,
.tl-slide .tl-slide-content-container
{
    display: table-cell;

    height: 100%;
}

.tl-slide .tl-slide-content-container .tl-slide-content
{
    display: flex;

    width: 100% !important;
    height: 100% !important;
    padding-right: 0 !important;
    padding-left: 0 !important;

    flex-wrap: wrap;
}
@media (min-width: 64em)
{
    .tl-slide .tl-slide-content-container .tl-slide-content
    {
        display: table;
    }
}
.tl-slide .tl-slide-content-container .tl-slide-content .tl-text
{
    height: 100% !important;
    margin-top: 0; 
    padding: 5.5rem 10rem 5.5rem 5.5rem;

    background-color: rgba(7, 14, 29, .9);
}

.tl-media .tl-media-content-container .tl-media-content img,
.tl-media .tl-media-content-container .tl-media-content embed,
.tl-media .tl-media-content-container .tl-media-content object,
.tl-media .tl-media-content-container .tl-media-content video
{
    display: none; 

    max-width: 100% !important;
    max-height: 100% !important;
}
@media (min-width: 64em)
{
    .tl-media .tl-media-content-container .tl-media-content img,
    .tl-media .tl-media-content-container .tl-media-content embed,
    .tl-media .tl-media-content-container .tl-media-content object,
    .tl-media .tl-media-content-container .tl-media-content video
    {
        display: block;
    }
}

.tl-slide .tl-slide-content-container .tl-slide-content .tl-media
{
    max-width: 100% !important;
}

.tl-slide.tl-full-image-background
{
    overflow: hidden;
}

.tl-media-content-container
{
    position: absolute;
    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);
}

.tl-slide .tl-slide-scrollable-container
{
    width: 100%;
}

.tl-text .tl-text-content-container .tl-text-headline-container
{
    flex-direction: column;
}

.tl-timenav
{
    font-family: 'Barlow', Arial, sans-serif !important;

    background: linear-gradient(180deg, #272935 0%, #1b1d27 100%) !important;
}

.tl-timeaxis-background
{
    background-color: #1b1d27;
}

.tl-attribution
{
    display: none;
}

.tl-menubar-button
{
    color: #fff; 
    background-color: #0f60a7;
}

.tl-timemarker .tl-timemarker-timespan
{
    display: none;
}

.tl-timemarker .tl-timemarker-content-container
{
    height: 60px !important; 

    border: 0;
    border-radius: 4px;
    background-color: transparent;
    box-shadow: none;
}
.tl-timemarker .tl-timemarker-content-container .tl-timemarker-text
{
    top: 50%;

    display: none;

    padding: 5px 5px 7px;

    transform: translateY(-50%);
    white-space: nowrap;
    text-overflow: ellipsis;

    border-radius: 4px;
    background-color: #84899f;
}

.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content
{
    padding: 5px 5px 5px 0;
}
.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-media-container
{
    width: 50px;
    max-width: 50px;
    height: 50px;
    max-height: 50px;

    border: 2px solid #fff; 
    border-radius: 50%;
}
.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-media-container .tl-timemarker-media
{
    width: 50px;
    max-width: 50px;
    height: 50px;
    max-height: 50px;

    opacity: 1;
}

.tl-timemarker:hover .tl-timemarker-content-container,
.tl-timemarker:focus .tl-timemarker-content-container
{
    width: 200px; 

    border-color: transparent;
    background-color: transparent;
}
.tl-timemarker:hover .tl-timemarker-content-container .tl-timemarker-text,
.tl-timemarker:focus .tl-timemarker-content-container .tl-timemarker-text
{
    display: block;
}

.tl-text h2.tl-headline-title,
.tl-text h2.tl-headline
{
    font-size: 2rem;
    line-height: 2.6rem; 

    margin-bottom: 1.5rem;
}
@media (min-width: 48em)
{
    .tl-text h2.tl-headline-title,
    .tl-text h2.tl-headline
    {
        font-size: 32px;
        line-height: 36px;
    }
}

.tl-skinny .tl-text h2.tl-headline-title,
.tl-skinny .tl-text h2.tl-headline
{
    font-size: 2rem;
    line-height: 2.6rem;
}
@media (min-width: 48em)
{
    .tl-skinny .tl-text h2.tl-headline-title,
    .tl-skinny .tl-text h2.tl-headline
    {
        font-size: 32px;
        line-height: 36px;
    }
}

.tl-timemarker.tl-timemarker-active .tl-timemarker-content-container
{
    width: 200px; 

    background-color: transparent;
    box-shadow: none;
}
.tl-timemarker.tl-timemarker-active .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text
{
    display: block; 

    background-color: #7fb8e7;
}
.tl-timemarker.tl-timemarker-active .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline
{
    color: #070e1d;
}
.tl-timemarker.tl-timemarker-active .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline.tl-headline-fadeout
{
    height: auto !important;
}
.tl-timemarker.tl-timemarker-active .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline.tl-headline-fadeout:after
{
    display: none;
}
.tl-timemarker.tl-timemarker-active .tl-timemarker-content-container .tl-timemarker-media-container
{
    border-width: 3px; 
    border-color: #7fb8e7;
}

.tl-timemarker:hover .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline,
.tl-timemarker:focus .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline
{
    height: auto !important;
}

.tl-timemarker:hover .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline.tl-headline-fadeout::after,
.tl-timemarker:focus .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline.tl-headline-fadeout::after
{
    display: none;
}

.tl-slidenav-previous .tl-slidenav-icon,
.tl-slidenav-next .tl-slidenav-icon
{
    font-family: 'icomoon' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    text-transform: none;

    speak: never;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.tl-slidenav-next .tl-slidenav-icon
{
    font-size: 2.6rem;
}
.tl-slidenav-next .tl-slidenav-icon:before
{
    content: '\e906';
}

.tl-slidenav-previous .tl-slidenav-icon
{
    font-size: 2rem;
}
.tl-slidenav-previous .tl-slidenav-icon:before
{
    content: '\e939';
}

.tl-timeline .tl-slidenav-next .tl-slidenav-title,
.tl-timeline .tl-slidenav-previous .tl-slidenav-title,
.tl-timeline .tl-message .tl-slidenav-title,
.tl-timeline .tl-timegroup-message .tl-slidenav-title
{
    overflow: hidden;

    max-height: 3rem;

    white-space: nowrap;
    text-overflow: ellipsis;

    opacity: 1;
}

.tl-full-image-background .tl-text a,
.tl-full-color-background .tl-text a,
.tl-full-image-background .tl-text p a,
.tl-full-color-background .tl-text p a,
.tl-timeline p a,
.tl-timeline p a,
.tl-timeline a,
.tl-timeline a
{
    text-decoration: none; 

    color: #fff;
}

.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline,
.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline p
{
    display: block;
}

.tl-full-image-background .tl-text a:hover,
.tl-full-color-background .tl-text a:hover,
.tl-full-image-background .tl-text p a:hover,
.tl-full-color-background .tl-text p a:hover,
.tl-timeline p a:hover,
.tl-timeline p a:focus,
.tl-timeline a:hover,
.tl-timeline a:focus
{
    text-decoration: none; 

    color: #8eace6;
}

.tl-slidenav-next:hover .tl-slidenav-icon,
.tl-slidenav-next:focus-visible .tl-slidenav-icon
{
    margin-left: 76px;
}

.tl-slidenav-previous:hover .tl-slidenav-icon,
.tl-slidenav-previous:focus-visible .tl-slidenav-icon
{
    margin-left: 0;
}

.tl-slide.tl-full-image-background p,
.tl-slide.tl-full-color-background p,
.tl-slide.tl-full-image-background h1,
.tl-slide.tl-full-color-background h1,
.tl-slide.tl-full-image-background h2,
.tl-slide.tl-full-color-background h2,
.tl-slide.tl-full-image-background h3,
.tl-slide.tl-full-color-background h3,
.tl-slide.tl-full-image-background h4,
.tl-slide.tl-full-color-background h4,
.tl-slide.tl-full-image-background h5,
.tl-slide.tl-full-color-background h5,
.tl-slide.tl-full-image-background h6,
.tl-slide.tl-full-color-background h6
{
    text-shadow: none;
}

.tl-full-image-background .tl-text,
.tl-full-color-background .tl-text,
.tl-full-image-background .tl-text p,
.tl-full-color-background .tl-text p
{
    text-shadow: none;
}

.tl-slide.tl-full-image-background a,
.tl-slide.tl-full-color-background a,
.tl-slide.tl-full-image-background .vcard a,
.tl-slide.tl-full-color-background .vcard a
{
    text-shadow: none;
}

.tl-slide.tl-full-image-background p,
.tl-slide.tl-full-color-background p,
.tl-slide.tl-full-image-background h1,
.tl-slide.tl-full-color-background h1,
.tl-slide.tl-full-image-background h2,
.tl-slide.tl-full-color-background h2,
.tl-slide.tl-full-image-background h3,
.tl-slide.tl-full-color-background h3,
.tl-slide.tl-full-image-background h4,
.tl-slide.tl-full-color-background h4,
.tl-slide.tl-full-image-background h5,
.tl-slide.tl-full-color-background h5,
.tl-slide.tl-full-image-background h6,
.tl-slide.tl-full-color-background h6
{
    text-shadow: none;
}